ZYYHT/src/pages/GoodsAdd/index.module.scss

.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;
    }

  }
}