text-file-upload.less 1.3 KB
.file-upload {
    display: flex;
    width: auto;
    height: auto;
    flex-wrap: wrap;
    margin-left: -8px;
    margin-top: -8px;
    color: rgb(67,78,82);
    .file-upload__contnet{
          width: 350px;
          height: 50px;
          display: flex;
          align-items: center;
          position: relative;
          border-radius: 4px;
          margin-left: 8px;
          margin-top: 8px;
          background: rgb(241,249,234);
          i{
              font-size: 24px;
              margin: 0 8px;
          }
          .fileEditor{
              position: absolute;
              right: 50px;
          }
          .fileDelete{
              position: absolute;
              right: 10px;
          }
          .filePreview{
            position: absolute;
            right: 90px;
          }
      }
    .file-upload__disable{
        background: rgb(252,240,240);
    }
  .file-upload__add{
      display: flex;
      align-items: center;
      justify-content: center;
      width: 350px;
      height: 50px;
      border-radius: 4px;
      margin-left: 8px;
      margin-top: 8px;
      border: 1px rgb(227,227,227) dotted;
      cursor: pointer;
      .el-icon-plus{
          font-size: 24px;
          margin: 0 auto;
      }
  }
}
.file-upload__upload{
visibility: hidden;
}
.file-upload__dialog .el-dialog {
height: auto;
}