2025-11-28 15:18:10 +08:00
|
|
|
.multi-image-upload[data-v-56cfe44e]{width:100%}.image-list[data-v-56cfe44e]{margin-bottom:16px}.drag-container[data-v-56cfe44e]{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;margin-bottom:16px;min-height:60px}.image-item[data-v-56cfe44e]{border:1px solid #dcdfe6;border-radius:6px;overflow:hidden;background:#fff;transition:all .3s}.image-item[data-v-56cfe44e]:hover{border-color:#409eff;box-shadow:0 2px 8px #409eff33}.image-preview[data-v-56cfe44e]{position:relative;width:100%;height:120px;overflow:hidden}.preview-image[data-v-56cfe44e]{width:100%;height:100%;cursor:pointer}.image-overlay[data-v-56cfe44e]{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}.image-preview:hover .image-overlay[data-v-56cfe44e]{opacity:1}.overlay-actions[data-v-56cfe44e]{display:flex;gap:12px}.action-icon[data-v-56cfe44e]{color:#fff;font-size:18px;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .3s}.action-icon[data-v-56cfe44e]:hover{background-color:#fff3}.action-icon.delete[data-v-56cfe44e]:hover{background-color:#f56c6ccc}.image-info[data-v-56cfe44e]{padding:8px}.alt-input[data-v-56cfe44e]{font-size:12px}.upload-area[data-v-56cfe44e]{margin-bottom:16px}.upload-dragger[data-v-56cfe44e]{width:100%;border:2px dashed #d9d9d9;border-radius:6px;background:#fafafa;transition:border-color .3s}.upload-dragger[data-v-56cfe44e]:hover{border-color:#409eff}.upload-content[data-v-56cfe44e]{padding:40px 20px;text-align:center}.upload-icon[data-v-56cfe44e]{font-size:48px;color:#c0c4cc;margin-bottom:16px}.upload-text[data-v-56cfe44e]{font-size:16px;color:#606266;margin-bottom:8px}.upload-tip[data-v-56cfe44e]{font-size:12px;color:#909399;line-height:1.4}.upload-actions[data-v-56cfe44e]{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-top:1px solid #ebeef5}.image-count[data-v-56cfe44e]{font-size:14px;color:#909399}.ghost-item[data-v-56cfe44e]{opacity:.5;background:#f5f7fa;border:2px dashed #409eff}.chosen-item[data-v-56cfe44e]{transform:scale(1.05);box-shadow:0 4px 12px #409eff4d;z-index:1000}.drag-item[data-v-56cfe44e]{transform:rotate(5deg);opacity:.8}.product-form[data-v-38c57e60]{padding:20px 0}.dialog-footer[data-v-38c57e60]{text-align:right}.upload-container[data-v-38c57e60]{width:100%}.upload-placeholder[data-v-38c57e60]{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:200px;border:2px dashed #d9d9d9;border-radius:6px;background-color:#fafafa;transition:border-color .3s}.upload-placeholder[data-v-38c57e60]:hover{border-color:#409eff}.upload-icon[data-v-38c57e60]{font-size:48px;color:#c0c4cc;margin-bottom:16px}.upload-text[data-v-38c57e60]{font-size:16px;color:#606266;margin-bottom:8px}.upload-tip[data-v-38c57e60]{font-size:12px;color:#909399}.upload-preview[data-v-38c57e60]{position:relative;width:100%;height:200px;border-radius:6px;overflow:hidden;cursor:pointer}.upload-overlay[data-v-38c57e60]{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity .3s}.upload-preview:hover .upload-overlay[data-v-38c57e60]{opacity:1}.upload-overlay .el-icon[data-v-38c57e60]{font-size:24px;margin-bottom:8px}.sku-container[data-v-38c57e60]{width:100%}.sku-header[data-v-38c57e60]{display:flex;justify-content:flex-end;margin-bottom:10px}.sku-image-upload[data-v-38c57e60]{display:flex;flex-direction:column;align-items:center}.sku-upload[data-v-38c57e60]{width:60px;height:60px}.sku-upload-placeholder[data-v-38c57e60]{width:60px;height:60px;border:2px dashed #d9d9d9;border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:border-color .3s;font-size:12px;color:#8c939d}.sku-upload-placeholder[data-v-38c57e60]:hover{border-color:#409eff;color:#409eff}.sku-upload-placeholder .el-icon[data-v-38c57e60]{font-size:16px;margin-bottom:2px}
|
