| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108 | .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;      height: auto;      background: rgba(0,0,0,0);    }    .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  }}
 |