.GoodsAdd { position: absolute; width: 100%; height: 101%; top: 0; left: 0; z-index: 10; background-color: #faf0e4; :global { .formBox { margin-top: 15px; background-color: #fff; border-radius: 10px; padding: 20px 0 10px; width: 100%; height: calc(100% - 50px); overflow-y: auto; .formBoxSon { width: 800px; .upImgBox { display: flex; flex-wrap: wrap; &>div { margin: 0 15px 15px 0; } .fileBoxRow_r_img { position: relative; .clearCover { right: -10px; top: -10px; transform: translate(0, 0); background-color: rgba(0, 0, 0, .8); width: 20px; height: 20px; border-radius: 50%; font-size: 16px; color: #fff; // left: 50%; // right: auto; // top: auto; // bottom: -26px; // transform: translate(-50%,0); // width: 20px; // height: 20px; // font-size: 18px; // color: var(--themeColor); } } } .fileBoxRow_up { color: #a6a6a6; border-radius: 3px; cursor: pointer; font-size: 30px; width: 100px; height: 100px; border: 1px dashed #797979; display: flex; justify-content: center; align-items: center; } .fileBoxRow_r_img { width: 100px; height: 100px; position: relative; .clearCover { cursor: pointer; z-index: 10; position: absolute; width: 50px; height: 50px; top: 50%; transform: translateY(-50%); right: -50px; display: flex; justify-content: center; align-items: center; font-size: 24px; } } .fileBoxRow_tit { width: 133.33px; text-align: right; position: relative; &::before { content: '*'; position: absolute; right: 60px; top: 2px; color: #ff4d4f; z-index: 10; } } .formRow { margin-top: -28px; display: flex; } .formRow2 { margin-top: 10px; display: flex; .fileBoxRow_tit { &::before { right: 74px; } } } .upFileBox { margin-top: 15px; padding-left: 133.33px; .fileBoxRow_r_tit { padding-left: 0; } .fileRowBox { display: flex; align-items: center; margin-top: 8px; .clearCover { cursor: pointer; font-size: 20px; margin-left: 24px; } } } .fileBoxRow_r_tit { padding-left: 133.33px; margin-top: 8px; font-size: 14px; color: rgb(126, 124, 124); } } } .formBox::-webkit-scrollbar { /*滚动条整体样式*/ width: 5px; /*高宽分别对应横竖滚动条的尺寸*/ height: 1px; } .formBox::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ border-radius: 10px; -webkit-box-shadow: inset 0 0 5px transparent; background: var(--themeColor); } .formBox::-webkit-scrollbar-track { /*滚动条里面轨道*/ -webkit-box-shadow: inset 0 0 5px transparent; border-radius: 10px; background: transparent; } } }