57 lines
1.1 KiB
CSS
57 lines
1.1 KiB
CSS
/**
|
|
* 文件上传区域组件样式
|
|
*/
|
|
|
|
:root {
|
|
--primary-color: var(--color-primary, #00684a);
|
|
--primary-hover: var(--color-primary-hover, #005a40);
|
|
--primary-light: rgba(0, 104, 74, 0.1);
|
|
--success-color: var(--color-success, #52c41a);
|
|
--warning-color: var(--color-warning, #faad14);
|
|
--error-color: var(--color-error, #ff4d4f);
|
|
--text-color: rgba(0, 0, 0, 0.85);
|
|
--text-secondary: rgba(0, 0, 0, 0.45);
|
|
--border-color: #f0f0f0;
|
|
--bg-gray: #f5f5f5;
|
|
}
|
|
|
|
/* 上传区域样式 */
|
|
.upload-area {
|
|
@apply border-2 border-dashed border-gray-300 rounded-lg p-10 text-center bg-gray-50 cursor-pointer transition-all duration-300;
|
|
}
|
|
|
|
.upload-area:hover,
|
|
.upload-area.dragover {
|
|
@apply border-[var(--primary-color)] bg-[var(--primary-light)];
|
|
}
|
|
|
|
.upload-area.disabled {
|
|
@apply opacity-50 cursor-not-allowed;
|
|
}
|
|
|
|
.upload-icon {
|
|
@apply text-5xl text-gray-400 mb-4;
|
|
}
|
|
|
|
.upload-text {
|
|
@apply text-gray-500 mb-2 font-medium;
|
|
}
|
|
|
|
.upload-tip {
|
|
@apply text-xs text-gray-500;
|
|
}
|
|
|
|
/* 响应式调整 */
|
|
@screen sm {
|
|
.upload-area {
|
|
@apply p-6;
|
|
}
|
|
|
|
.upload-icon {
|
|
@apply text-4xl mb-2;
|
|
}
|
|
|
|
.upload-text {
|
|
@apply text-sm;
|
|
}
|
|
} |