YPZZBWG/houtai/src/pages/A0/index.module.scss

.WallAdd {
  position: absolute;
  z-index: 99;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.45);

  :global {
    .WallTableTitle {
      position: absolute;
      top: 100px;
      left: 50%;
      transform: translateX(-50%);
      width: 800px;
      padding: 20px 24px;
      border-radius: 8px;
      background-color: #fff;
      .txt {
        color: rgba(0, 0, 0, 0.88);
        margin-bottom: 8px;
      }

      .main {
        border-top: 1px solid #999999;
        padding-top: 15px;
        width: 100%;

        .myformBox {
          display: flex;
          margin-bottom: 20px;

          .label {
            width: 94px;
            text-align: right;

            &>span {
              position: relative;
              top: 2px;
              color: #ff4d4f;
            }
          }

          .myformBoxR {
            width: calc(100% - 94px);
          }

          .fileBoxRow_r {
            position: relative;

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


            }

            .upImgBox {
              display: flex;
              flex-wrap: wrap;

              &>div {
                margin: 0 15px 15px 0;
              }

              .fileBoxRow_r_img {
                position: relative;

                // 有无边框的选择
                .upImgDoneBox {
                  position: absolute;
                  bottom: -30px;
                  font-size: 12px;
                  left: 0;
                  width: 100%;
                  height: 30px;
                  display: flex;
                  justify-content: center;
                  align-items: center;

                  .ant-radio-group {
                    display: flex;
                    font-size: 12px;
                  }
                }

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

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

            .fileTit {
              font-size: 14px;
              color: rgb(126, 124, 124);


            }
          }


        }

        .myformBox0 {
          margin-bottom: 5px;
        }

        .noUpThumb {
          position: relative;
          overflow: hidden;
          opacity: 0;
          transition: top .2s;
          color: #ff4d4f;
          top: -10px;
          padding-left: 94px;
        }

        .noUpThumbAc {
          top: 0;
          opacity: 1;
        }
      }
    }

  }


}