数据展示组件
根据数据结构、规模和用户任务选择展示形式:卡片、列表、表格、树、折叠、描述、时间线与空态骨架。
使用规则
- Card / List / Table:单对象用 Card,同构集合用 List 或 Table;高密度编辑与虚拟化用 DataTable。
- Tree 与 Accordion:层级数据用 Tree,内容分组收纳用 Accordion。
- Descriptions 展示单对象字段集,Table 展示集合;二者不互换。
- Empty 与 Skeleton:确定无数据用 Empty,加载中结构占位用 Skeleton。
全部条目
共 15 条
Card
承载一个独立主题或对象摘要。
稳定本期新增已接入
List
纵向展示同类对象集合。
稳定本期新增已接入
Table
按行列展示和操作结构化数据。
稳定本期新增已接入
Tree
展示和操作层级数据。
稳定本期新增已接入
Descriptions
展示对象的标签—值属性。
稳定本期新增已接入
Statistic
突出显示单个指标。
稳定本期新增已接入
Calendar
按日期组织事件或状态。
稳定本期新增已接入
Timeline
按时间顺序展示事件。
稳定本期新增已接入
Accordion
折叠和展开分组内容。
稳定本期新增已接入
Carousel
在有限区域轮播内容。
稳定本期新增已接入
Empty
表示暂无内容并提供下一步。
稳定本期新增已接入
Image
展示图片及基础预览能力。
稳定本期新增已接入
QRCode
将内容编码为二维码。
稳定本期新增已接入
Segmented
在少量互斥视图或模式间切换。
稳定本期新增已接入
DataTable
提供高密度、可编辑的大型数据网格。
稳定本期新增已接入