feat: 功能优化

2026-01-18 00:34:04 +08:00
parent fe91226727
commit e0cf6092a9
18 changed files with 1826 additions and 1187 deletions
--- a/frontend/app/web-gold/src/style.less
+++ b/frontend/app/web-gold/src/style.less
@@ -150,146 +150,6 @@ body { scrollbar-gutter: stable both-edges; }



-/* ================================
-   3. 组件样式 (Component Styles)
-   ================================ */

-/* Button 组件 */
-.btn {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: var(--radius-button);
-  font-weight: 500;
-  transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
-  cursor: pointer;
-  border: none;
-  outline: none;
-  padding: var(--space-2) var(--space-6);

-  &:disabled {
-    opacity: 0.5;
-    cursor: not-allowed;
-  }

-  &--primary {
-    background: var(--color-slate-900);
-    color: white;
-    box-shadow: var(--shadow-lg);
-
-    &:hover:not(:disabled) {
-      background: var(--color-slate-800);
-    }
-  }
-
-  &--secondary {
-    background: white;
-    color: var(--color-slate-700);
-    border: 1px solid var(--color-border);
-    padding: var(--space-1) var(--space-4);
-
-    &:hover:not(:disabled) {
-      background: var(--color-slate-50);
-    }
-  }
-
-  &--gradient {
-    background: linear-gradient(to right, var(--color-indigo-600), var(--color-indigo-800));
-    color: white;
-    box-shadow: var(--shadow-blue);
-
-    &:hover:not(:disabled) {
-      background: linear-gradient(to right, var(--color-indigo-700), var(--color-indigo-900));
-    }
-  }
-}
-
-/* Input 组件 */
-.input {
-  width: 100%;
-  padding: var(--space-2) var(--space-4);
-  border: 1px solid var(--color-border);
-  border-radius: var(--radius-button);
-  font-size: 14px;
-  transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
-  background: white;
-  color: var(--color-text);
-
-  &:focus {
-    outline: none;
-    border-color: var(--color-border-focus);
-    box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.1);
-  }
-
-  &::placeholder {
-    color: var(--color-slate-400);
-  }
-}
-
-/* Card 组件 */
-.card {
-  background: white;
-  border: 1px solid var(--color-slate-200);
-  border-radius: var(--radius-card);
-  padding: var(--space-6);
-  box-shadow: var(--shadow-sm);
-  transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
-
-  &:hover {
-    box-shadow: var(--shadow-md);
-  }
-}
-
-/* Table 组件 */
-.table {
-  width: 100%;
-  border-collapse: collapse;
-
-  th {
-    background: var(--color-slate-50);
-    padding: var(--space-3) var(--space-4);
-    text-align: left;
-    font-size: 12px;
-    font-weight: 600;
-    color: var(--color-slate-500);
-    text-transform: uppercase;
-    letter-spacing: 0.05em;
-    border-bottom: 1px solid var(--color-slate-200);
-  }
-
-  td {
-    padding: var(--space-4);
-    border-bottom: 1px solid var(--color-slate-100);
-  }
-
-  tr:hover {
-    background: var(--color-slate-50);
-  }
-}
-
-/* Tag 组件 */
-.tag {
-  display: inline-block;
-  padding: var(--space-0-5) var(--space-2);
-  font-size: 12px;
-  font-weight: 500;
-  border-radius: var(--radius-tag);
-  background: var(--color-gray-100);
-  color: var(--color-slate-700);
-
-  &--red {
-    background: #fee2e2;
-    color: var(--color-red-800);
-  }
-
-  &--yellow {
-    background: #fef3c7;
-    color: var(--color-yellow-600);
-  }
-
-  &--vip {
-    color: var(--color-yellow-500);
-    border: 1px solid var(--color-yellow-500);
-    background: transparent;
-  }
-}