44 lines
933 B
CSS
44 lines
933 B
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;
|
|
}
|
|
|
|
/* 进度条样式 */
|
|
.progress-container {
|
|
@apply my-6;
|
|
}
|
|
|
|
.progress-bar {
|
|
@apply h-2 bg-gray-100 rounded overflow-hidden mb-2;
|
|
}
|
|
|
|
.progress-bar-inner {
|
|
@apply h-full bg-[var(--primary-color)] rounded transition-[width] duration-300 ease-in-out w-0;
|
|
}
|
|
|
|
.progress-text {
|
|
@apply flex justify-between text-xs text-gray-500;
|
|
}
|
|
|
|
/* 响应式调整 */
|
|
@screen sm {
|
|
.progress-container {
|
|
@apply my-4;
|
|
}
|
|
|
|
.progress-bar {
|
|
@apply h-1.5;
|
|
}
|
|
} |