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:
@@ -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="暂无统计数据"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user