kede-client/js/component/common/imgList/index.less

.ImgListComponent{
  .ImgList{
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    .fileItem{
      margin: 0 12px 12px 0;
      padding: 8px;
      border-radius: 4px;
      border: 1px solid #d9d9d9;
      position: relative;
      .imgFile{
        width: 100%;
        height: 100%;
        overflow: hidden;
        border-radius: 4px;
      }
    }
    .flexRowWrap{
      display: flex;
      flex-flow: row wrap;
    }
    .coveringLayer{
      display: none;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      border-radius: 4px;
      flex-flow: row nowrap;
      align-items: center;
      justify-content: center;
    }
  }

  .seeMore{
    padding-right: 20px;
    color: #58a3ff;
  }
  .seeMore:hover{
    color: #0e77ca;
    cursor: pointer;
  }
  .mask{
    position:fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999999999;
    background: rgba(0,0,0,.8);
    display:flex;
    flex-flow:column;
    align-items:center;
    justify-content:center;
    .progress{
      color: #FFF;
    }
    .promptText{
      color: #FFF;
      padding-top: 15px;
    }
  }
}
.actionBar{
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.imgModal{
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99999;
  .floatingLayer{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99997;
    background: rgba(0,0,0,.5);
  }
  .ant-modal-content{
    background:rgba(0,0,0,0) !important;
  }
  .ant-modal-content{
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0);
  }
}
.demandDetailShow-upload {
  .anticon-eye-o {
    margin-left: -8px;
  }
  .anticon-delete {
    display: none
  }
}