Descriptions 描述列表
以键值对形式展示信息,常用于详情页。
基础用法
通过 NDescriptions 和 NDescriptionsItem 组合使用。
用户信息
用户名张三
手机号138****8888
邮箱zhangsan@example.com
地址北京市朝阳区
备注这是一段较长的备注信息,可以跨列显示。
不同列数
通过 column 设置每行显示的列数。
三列展示
字段1值1
字段2值2
字段3值3
字段4值4
NDescriptions Props
| 参数 | 类型 | 默认值 | 说明 |
|---|---|---|---|
title | string | — | 标题 |
column | number | 2 | 每行显示的列数 |
bordered | boolean | false | 是否显示边框 |
NDescriptionsItem Props
| 参数 | 类型 | 默认值 | 说明 |
|---|---|---|---|
label | string | — | 字段标签(必填) |
span | number | 1 | 占用列数 |