# GT Agent Company - UI 组件库 ## 🎨 设计令牌 (Design Tokens) 所有组件使用 CSS 变量,定义在 `src/static/styles/theme.scss` ### 快速参考 ```vue ``` --- ## 📦 基础组件 ### 1. 卡片 Card **标准卡片** ```vue 卡片内容 ``` **可点击卡片** ```vue ``` **渐变卡片 (品牌色)** ```vue 渐变背景内容 ``` --- ### 2. 按钮 Button **主要按钮** ```vue 确认 ``` **图标按钮** ```vue ``` **幽灵按钮** ```vue 次要操作 ``` --- ### 3. 输入框 Input **基础输入框** ```vue ``` --- ### 4. 徽章 Badge **状态徽章** ```vue 激活 待审核 停用 代理 ``` --- ### 5. 统计卡片 Stats Card **三列统计** ```vue 128 总数 95 在线 33 离线 ``` **数据卡片 (渐变背景)** ```vue 累计佣金 ¥12,580.00 今日 +¥138.00 ``` --- ### 6. 列表项 List Item **基础列表项** ```vue