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

@@ -78,8 +78,8 @@ export function StatsTable({
};
return (
<Card title="统计数据">
<Space style={{ marginBottom: 16 }}>
<Card title="统计数据" headerBordered hoverShadow>
<Space style={{ marginBottom: 16 }} size="medium" breakLine>
<Select
clearable
placeholder="所有供应商"
@@ -107,6 +107,7 @@ export function StatsTable({
data={stats}
rowKey="id"
loading={loading}
stripe
pagination={{ pageSize: 20 }}
empty="暂无统计数据"
/>