2 lines
11 KiB
CSS
2 lines
11 KiB
CSS
.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}.sku-image-preview[data-v-38c57e60]{position:relative;width:60px;height:60px;border-radius:6px;overflow:hidden;cursor:pointer}.sku-image-overlay[data-v-38c57e60]{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity .3s}.sku-image-preview:hover .sku-image-overlay[data-v-38c57e60]{opacity:1}.sku-image-overlay .el-icon[data-v-38c57e60]{font-size:16px}.comment-detail[data-v-4d917e3e]{max-height:600px;overflow-y:auto}.section[data-v-4d917e3e]{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #ebeef5}.section[data-v-4d917e3e]:last-child{border-bottom:none;margin-bottom:0}.section h3[data-v-4d917e3e]{margin:0 0 16px;font-size:16px;color:#303133;font-weight:600}.product-info[data-v-4d917e3e]{display:flex;align-items:flex-start;gap:16px}.product-details[data-v-4d917e3e]{flex:1}.product-name[data-v-4d917e3e]{font-size:16px;font-weight:500;margin-bottom:8px;line-height:1.4}.product-spec[data-v-4d917e3e],.product-price[data-v-4d917e3e]{color:#606266;margin-bottom:4px}.user-info[data-v-4d917e3e],.status-info[data-v-4d917e3e]{display:grid;grid-template-columns:1fr 1fr;gap:12px}.info-item[data-v-4d917e3e]{display:flex;align-items:center}.label[data-v-4d917e3e]{font-weight:500;color:#606266;margin-right:8px;min-width:80px}.comment-content .label[data-v-4d917e3e]{font-weight:500;color:#606266;margin-right:8px}.rating-section[data-v-4d917e3e],.content-section[data-v-4d917e3e]{margin-bottom:16px;display:flex;align-items:flex-start}.content-text[data-v-4d917e3e]{margin:0;line-height:1.6;flex:1}.images-section[data-v-4d917e3e]{display:flex;align-items:flex-start}.images-grid[data-v-4d917e3e]{flex:1;display:flex;flex-wrap:wrap}.admin-reply[data-v-4d917e3e]{background:#f5f7fa;padding:16px;border-radius:8px}.reply-content p[data-v-4d917e3e]{margin:0 0 12px;line-height:1.6}.reply-meta[data-v-4d917e3e]{display:flex;gap:20px;font-size:12px;color:#909399}.no-reply[data-v-4d917e3e]{text-align:center;padding:20px}.dialog-footer[data-v-4d917e3e]{display:flex;justify-content:flex-end;gap:12px}.reply-dialog[data-v-0cbffa8e]{max-height:600px;overflow-y:auto}.comment-info[data-v-0cbffa8e]{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #ebeef5}.comment-info h4[data-v-0cbffa8e],.reply-form h4[data-v-0cbffa8e],.existing-reply h4[data-v-0cbffa8e]{margin:0 0 16px;font-size:16px;color:#303133;font-weight:600}.original-comment[data-v-0cbffa8e]{background:#f5f7fa;padding:16px;border-radius:8px}.comment-header[data-v-0cbffa8e]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.user-info[data-v-0cbffa8e]{display:flex;align-items:center}.user-name[data-v-0cbffa8e]{font-weight:500;color:#303133}.comment-time[data-v-0cbffa8e]{font-size:12px;color:#909399}.comment-content p[data-v-0cbffa8e]{margin:0 0 12px;line-height:1.6;color:#606266}.comment-images[data-v-0cbffa8e]{display:flex;align-items:center}.more-images[data-v-0cbffa8e]{font-size:12px;color:#909399}.reply-form[data-v-0cbffa8e]{margin-bottom:24px}.reply-templates[data-v-0cbffa8e]{margin-top:16px}.reply-templates h5[data-v-0cbffa8e]{margin:0 0 12px;font-size:14px;color:#606266;font-weight:500}.template-buttons[data-v-0cbffa8e]{display:flex;flex-wrap:wrap;gap:8px}.existing-reply[data-v-0cbffa8e]{padding-top:20px;border-top:1px solid #ebeef5}.current-reply[data-v-0cbffa8e]{background:#f0f9ff;padding:16px;border-radius:8px;border-left:4px solid #409eff}.current-reply p[data-v-0cbffa8e]{margin:0 0 12px;line-height:1.6;color:#303133}.reply-meta[data-v-0cbffa8e]{display:flex;gap:20px;font-size:12px;color:#909399}.dialog-footer[data-v-0cbffa8e]{display:flex;justify-content:flex-end;gap:12px}.product-comments-modal[data-v-0e07fd7e] .el-dialog__body{padding:20px;max-height:80vh;overflow-y:auto}.modal-content[data-v-0e07fd7e]{display:flex;flex-direction:column;gap:20px}.product-header[data-v-0e07fd7e]{display:flex;align-items:center;gap:16px;padding:16px;background:#f8f9fa;border-radius:8px}.product-details h3[data-v-0e07fd7e]{margin:0 0 8px;font-size:18px;color:#303133}.product-details p[data-v-0e07fd7e]{margin:4px 0;color:#606266;font-size:14px}.search-section[data-v-0e07fd7e]{background:#fff;padding:16px;border-radius:8px;border:1px solid #e4e7ed}.search-section .el-select[data-v-0e07fd7e]{width:150px}.search-section .el-form-item[data-v-0e07fd7e]{margin-right:20px}.stats-section[data-v-0e07fd7e]{margin-bottom:20px}.stats-card[data-v-0e07fd7e]{text-align:center}.stats-content[data-v-0e07fd7e]{padding:16px}.stats-number[data-v-0e07fd7e]{font-size:24px;font-weight:700;color:#409eff;margin-bottom:8px}.stats-label[data-v-0e07fd7e]{color:#909399;font-size:14px}.table-section[data-v-0e07fd7e]{background:#fff;padding:16px;border-radius:8px;border:1px solid #e4e7ed}.user-info[data-v-0e07fd7e]{display:flex;flex-direction:column;gap:4px}.user-name[data-v-0e07fd7e]{font-weight:500;color:#303133}.user-id[data-v-0e07fd7e]{font-size:12px;color:#909399}.comment-content[data-v-0e07fd7e]{display:flex;flex-direction:column;gap:8px}.comment-text[data-v-0e07fd7e]{margin:0;line-height:1.5;color:#303133}.comment-images[data-v-0e07fd7e]{display:flex;align-items:center;gap:8px}.more-images[data-v-0e07fd7e]{font-size:12px;color:#909399}.batch-operations[data-v-0e07fd7e]{margin:16px 0;padding:16px;background:#f8f9fa;border-radius:8px;display:flex;gap:12px}.pagination-section[data-v-0e07fd7e]{margin-top:20px;display:flex;justify-content:center}.action-buttons[data-v-0e07fd7e]{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-start;align-items:center}.action-btn[data-v-0e07fd7e]{min-width:70px;height:28px;border-radius:6px;font-size:12px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:4px}.action-btn[data-v-0e07fd7e]:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.action-btn .el-icon[data-v-0e07fd7e]{font-size:14px}@media (max-width: 1200px){.action-buttons[data-v-0e07fd7e]{flex-direction:column;gap:4px}.action-btn[data-v-0e07fd7e]{width:100%;min-width:60px}}.product-list-container[data-v-cdd7f644]{padding:20px}.card-header[data-v-cdd7f644]{display:flex;justify-content:space-between;align-items:center}.search-area[data-v-cdd7f644]{margin-bottom:20px;padding:20px;background-color:#f5f5f5;border-radius:4px}.toolbar[data-v-cdd7f644]{margin-bottom:20px}.batch-buttons[data-v-cdd7f644]{display:flex;justify-content:flex-start;gap:10px}.price[data-v-cdd7f644]{color:#e6a23c;font-weight:700}.pagination-container[data-v-cdd7f644]{margin-top:20px;text-align:right}.fullscreen-preview[data-v-cdd7f644]{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000e6;z-index:10000;display:flex;align-items:center;justify-content:center;cursor:pointer}.preview-container[data-v-cdd7f644]{position:relative;max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center}.preview-image[data-v-cdd7f644]{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;box-shadow:0 4px 20px #0000004d}.close-btn[data-v-cdd7f644]{position:absolute;top:-50px;right:-50px;width:40px;height:40px;background-color:#ffffffe6;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .3s}.close-btn[data-v-cdd7f644]:hover{background-color:#fff}
|