- @charset "UTF-8";.upload-container[data-v-b1ecc067]{margin-bottom:16px;margin-left:16px}.upload-area[data-v-b1ecc067]{width:100%;min-height:120px;border-radius:6px;transition:all .3s ease;position:relative;overflow:hidden}.upload-area[data-v-b1ecc067]:hover{border-color:#409eff}.upload-placeholder[data-v-b1ecc067]{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:15px;cursor:pointer;box-sizing:border-box}.upload-icon[data-v-b1ecc067]{font-size:30px;color:#888;margin-bottom:10px}.upload-text[data-v-b1ecc067]{font-size:14px;color:#666;margin:0 0 5px;text-align:center}.upload-hint[data-v-b1ecc067]{font-size:12px;color:#999;margin:0;text-align:center}.upload-preview[data-v-b1ecc067]{width:100%;min-height:120px;position:relative}.upload-image[data-v-b1ecc067]{width:100%;height:100%;object-fit:contain;display:block}.upload-remove[data-v-b1ecc067]{position:absolute;top:5px;right:5px;width:24px;height:24px;border-radius:50%;background-color:#00000080;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;line-height:1;opacity:0;transition:opacity .3s ease}.upload-preview:hover .upload-remove[data-v-b1ecc067]{opacity:1}.coverImage[data-v-b1ecc067]{width:148px;height:148px;object-fit:contain;border-radius:4px}.avatar-uploader[data-v-b1ecc067]{width:148px;height:148px;border-radius:4px;box-sizing:border-box;border:1px dashed #cdd0d6;display:flex;align-items:center;justify-content:center;background:#fafafa}.avatar-uploader[data-v-b1ecc067]:hover{border-color:#006be6}.skus-imgs[data-v-b1ecc067]{border-radius:6px;border:1px dashed #cdd0d6;width:148px;height:148px;box-sizing:border-box;position:relative;overflow:hidden;transition:all .3s ease;cursor:pointer}.skus-imgs[data-v-b1ecc067]:hover{border-color:#409eff;box-shadow:0 0 0 2px #409eff33;transform:translateY(-2px)}.skus-imgs .coverImage[data-v-b1ecc067]{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.skus-imgs:hover .coverImage[data-v-b1ecc067]{transform:scale(1.05)}.skus-imgs-del[data-v-b1ecc067]{position:absolute;top:0;right:0;z-index:4;background:#fffc;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:0 0 0 4px;opacity:0;transition:opacity .3s ease}.skus-imgs:hover .skus-imgs-del[data-v-b1ecc067]{opacity:1}.skus-imgs-del[data-v-b1ecc067]:hover{background:#fff}.avatar-uploader-insert[data-v-b1ecc067]{position:absolute;z-index:3;top:0;left:0;width:148px;height:148px;opacity:0}.avatar-uploader[data-v-b1ecc067]{width:148px;height:148px;border-radius:6px;border:1px dashed #cdd0d6;display:flex;align-items:center;justify-content:center;color:#909399;transition:all .3s ease;cursor:pointer;background-color:#fafafa}.avatar-uploader[data-v-b1ecc067]:hover{border-color:#409eff;color:#409eff;background-color:#f0f9ff}.avatar-uploader.uploading[data-v-b1ecc067]{border-color:#67c23a;background-color:#f0f9f0}.skus-imgs.loading[data-v-b1ecc067]:before{content:"";position:absolute;inset:0;background:#ffffffb3;z-index:1;display:flex;align-items:center;justify-content:center}.skus-imgs.loading[data-v-b1ecc067]:after{content:"";position:absolute;width:20px;height:20px;border:3px solid #409eff;border-top-color:transparent;border-radius:50%;animation:spin-b1ecc067 1s linear infinite;z-index:2}@keyframes spin-b1ecc067{to{transform:rotate(360deg)}}
|
