| 1 |
- .d2p-cropper-uploader .el-image-viewer__close{color:#fff}.d2p-cropper-uploader.is-disabled .image-list .image-item,.d2p-cropper-uploader.is-disabled i{cursor:not-allowed}.d2p-cropper-uploader .image-list{display:flex;justify-content:left;align-items:center;flex-wrap:wrap}.d2p-cropper-uploader .image-list .image-item{width:100px;height:100px;display:flex;justify-content:center;align-items:center;background-color:#fbfdff;border:1px solid #c0ccda;border-radius:6px;position:relative;margin-right:8px;margin-bottom:8px;cursor:pointer;overflow:hidden}.d2p-cropper-uploader .image-list .image-item.image-plus{border:1px dashed #c0ccda}.d2p-cropper-uploader .image-list .image-item .cropper-uploader-icon{vertical-align:top;font-size:28px;color:#8c939d}.d2p-cropper-uploader .image-list .image-item .image{width:100px;height:100px}.d2p-cropper-uploader .image-list .image-item .delete{border-radius:6px;position:absolute;width:100%;height:100%;left:0;top:0;cursor:default;text-align:center;color:#fff;opacity:0;font-size:20px;background-color:rgba(0,0,0,.9);transition:opacity .3s;display:flex;justify-content:center;align-items:center}.d2p-cropper-uploader .image-list .image-item .delete:hover{opacity:.9}.d2p-cropper-uploader .image-list .image-item .delete i{cursor:pointer}.d2p-cropper-uploader .image-list .image-item .status-uploading{border-radius:6px;position:absolute;width:100%;height:100%;left:0;top:0;cursor:default;text-align:center;color:#fff;opacity:1;font-size:20px;background-color:rgba(0,0,0,.5);transition:opacity .3s;display:flex;justify-content:center;align-items:center}.d2p-cropper-uploader .image-list .image-item .status-uploading .el-progress{width:70px;height:70px}.d2p-cropper-uploader .image-list .image-item .status-uploading .el-progress .el-progress__text{color:#fff}.d2p-cropper-uploader .image-list .image-item .status-done{position:absolute;right:-15px;top:-6px;width:40px;height:24px;background:#13ce66;text-align:center;transform:rotate(45deg);box-shadow:0 0 1pc 1px rgba(0,0,0,.2);display:flex;justify-content:center;align-items:center}.d2p-cropper-uploader .image-list .image-item .status-done i{font-size:12px;margin-top:11px;color:#fff;transform:rotate(-45deg)}
|
