feat: 功能优化

frontend/app/web-gold/src/App.vue

@@ -10,12 +10,59 @@ const themeToken = ref({
   token: {
     colorPrimary: '#3B82F6',
     colorInfo: '#2563EB',
+    colorSuccess: '#10B981',
+    colorWarning: '#F59E0B',
+    colorError: '#EF4444',
     colorBgBase: '#F8FAFC',
     colorBgContainer: '#FFFFFF',
+    colorBgElevated: '#FFFFFF',
     colorTextBase: '#334155',
     colorTextSecondary: '#64748B',
+    colorTextTertiary: '#94A3B8',
     colorBorder: '#E2E8F0',
+    colorBorderSecondary: '#F1F5F9',
     borderRadius: 8,
+    borderRadiusSM: 4,
+    borderRadiusLG: 12,
+    wireframe: false,
+    fontSize: 14,
+    fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif',
+    fontSizeHeading1: 32,
+    fontSizeHeading2: 24,
+    fontSizeHeading3: 20,
+    fontSizeHeading4: 16,
+    fontSizeHeading5: 14,
+    motionDurationMid: '0.15s',
+    motionEaseInOut: 'cubic-bezier(0.4, 0, 0.2, 1)',
+    boxShadow: '0 1px 2px 0 rgb(0 0 0 / 0.05)',
+    boxShadowSecondary: '0 4px 6px -1px rgb(0 0 0 / 0.1)',
+    boxShadowTertiary: '0 10px 15px -3px rgb(0 0 0 / 0.1)',
+  },
+  algorithm: undefined, // 可以设置为 theme.darkAlgorithm 用于暗色主题
+  components: {
+    Button: {
+      controlHeight: 32,
+      controlHeightSM: 24,
+      controlHeightLG: 40,
+      borderRadius: 8,
+    },
+    Card: {
+      borderRadius: 12,
+      boxShadow: '0 1px 2px 0 rgb(0 0 0 / 0.05)',
+    },
+    Input: {
+      borderRadius: 8,
+      controlHeight: 32,
+    },
+    Table: {
+      borderRadius: 8,
+      headerBg: '#F8FAFC',
+    },
+    Menu: {
+      itemHeight: 40,
+      itemMarginInline: 4,
+      itemMarginBlock: 2,
+    },
   }
 })
 
@@ -36,4 +83,34 @@ onMounted(async () => {})
     text-align: center;
     display: flex;
 }
+
+.ant-select-selector {
+  background: var(--color-bg) !important;
+  border: 1px solid var(--color-border) !important;
+  border-radius: 4px !important;
+  transition: all 0.2s !important;
+  min-height: 32px !important;
+}
+
+.ant-select-selection-item,
+.ant-select-selection-placeholder {
+  line-height: 30px !important;
+  color: var(--color-text) !important;
+}
+
+.ant-select-focused .ant-select-selector {
+  border-color: var(--color-primary) !important;
+  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.1) !important;
+}
+
+.ant-select:hover .ant-select-selector {
+  border-color: var(--color-primary) !important;
+}
+
+.ant-select-arrow {
+  color: var(--color-text-secondary) !important;
+}
+.ant-modal .ant-modal-footer {
+ display: flex;
+}
 </style>