| 1 |
- .my-upload[data-v-b473d670]{display:flex;align-items:center;align-content:center;flex-wrap:wrap}.my-upload .file-item[data-v-b473d670]{width:102px;height:102px;border:1px solid #d9d9d9;padding:8px;border-radius:8px;position:relative;margin:0 10px 10px 0}.my-upload .file-item .progress[data-v-b473d670]{width:100%;height:100%;position:absolute;top:0;left:0}.my-upload .file-item .modal[data-v-b473d670]{width:100%;height:100%;background:rgba(0,0,0,.5);position:absolute;top:0;left:0;cursor:pointer;display:flex;align-items:center;opacity:0;transition:all .1s ease-in}.my-upload .file-item .modal[data-v-b473d670]:hover{opacity:1}.my-upload .file-item .modal .modal-btn[data-v-b473d670]{display:flex;justify-content:space-evenly;width:100%}.anticon-delete[data-v-b473d670],.anticon-eye[data-v-b473d670]{opacity:.8;transition:all .1s ease-in}.anticon-delete[data-v-b473d670]:hover,.anticon-eye[data-v-b473d670]:hover{opacity:1}.my-upload .file-item img[data-v-b473d670]{width:100%;height:100%;object-fit:contain}.file-item_box[data-v-b473d670]{position:relative;height:100%;display:flex;align-items:center}.other-file[data-v-b473d670]{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.title[data-v-b473d670]{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:100%;text-align:center}.image-upload-btn[data-v-b473d670]{display:flex;align-items:center;justify-content:space-around;width:100px;height:100px;background:#FFFFFF;border-radius:4px;opacity:1;border:1px dashed #d9d9d9;color:#ccc;font-size:2rem;cursor:pointer;margin:0 10px 10px 0;transition:all .1s ease-in}.image-upload-btn[data-v-b473d670]:hover{border-color:#1677ff}
|
