1
0

style: 优化前端样式,提升现代化设计感

- ConfigProvider 注入全局配置(动画、表格尺寸)
- CSS Variables 主题微调(页面背景、圆角、字体栈)
- AppLayout Menu 支持 logo/operations/collapsed
- Statistic 组件增加 color/prefix/suffix/animation
- Card 组件启用 hoverShadow/headerBordered
- Table 组件启用 stripe 斑马纹
- Tag 组件使用 variant="light" + shape="round"
- Dialog 居中显示并设置固定宽度
- 布局样式硬编码颜色替换为 TDesign Token
- UsageChart 改用 AreaChart + 渐变填充
- 更新 frontend spec 同步样式体系要求
This commit is contained in:
2026-04-22 18:09:22 +08:00
parent f5e45d032e
commit 5ae9d85272
16 changed files with 479 additions and 321 deletions

View File

@@ -31,7 +31,11 @@ export function ModelTable({ providerId, onAdd, onEdit }: ModelTableProps) {
colKey: 'enabled',
width: 80,
cell: ({ row }) =>
row.enabled ? <Tag theme="success"></Tag> : <Tag theme="danger"></Tag>,
row.enabled ? (
<Tag theme="success" variant="light" shape="round"></Tag>
) : (
<Tag theme="danger" variant="light" shape="round"></Tag>
),
},
{
title: '操作',
@@ -72,6 +76,7 @@ export function ModelTable({ providerId, onAdd, onEdit }: ModelTableProps) {
data={models}
rowKey="id"
loading={isLoading}
stripe
pagination={undefined}
size="small"
empty="暂无模型,点击上方按钮添加"