仅桌面端保证样式
SectionCard 区块卡片
带标题头的区块容器：标题 + 右侧操作区 + 内容体，用于页面内分组框定一块内容（图表区、表单组、列表段），比 Card 更强调「区块语义」而非独立卡片。
基础用法
title 定标题；extra 插槽放右侧操作：
近 7 天访问趋势
实时
内容区放图表、表格或任意业务内容；标题行自动带底部分割线。
关闭内边距
padding 设为 false 后内容体贴边，适合内嵌表格、列表等自带留白的组件：
待处理工单
数据库主从延迟告警紧急
新用户注册流程优化较高
首页图表加载缓慢一般
header 插槽
需要标题带说明文字或图标时用 header 插槽整体替换：
存储用量每 5 分钟同步一次
已用 62.4 GB / 100 GB
SectionCard Props
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| title | 区块标题 | string | |
| padding | 内容区内边距 | boolean | true |
| glass | 磨砂质感：true 强制开 / false 强制关 / 缺省跟随全局配置 | boolean | — |
| blur | 磨砂模糊半径（px），仅磨砂生效时应用 | number | string | — |
| saturate | 磨砂饱和度（倍数） | number | string | — |
| tint | 磨砂底色浓度（%） | number | string | — |
SectionCard Slots
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| default | 内容区 | — | — |
| header | 整体替换标题区（替换后 title 不生效） | — | — |
| extra | 标题行右侧操作区 | — | — |