新增文件上传页面，新增文件上传的公共组件（进度条，步骤条，上传区域）

2025-03-31 19:53:26 +08:00
parent 65da73071d
commit 8fe88c1d15
19 changed files with 1492 additions and 32 deletions
@@ -0,0 +1,44 @@
+/**
+ * 文件上传进度组件样式
+ */
+
+: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;
+  }
+}