SuperAPI AI 工具集

el-descriptions

前端与建站

查看项目

更新于 10-16 06:20

技能介绍

用途:Descriptions 描述列表组件,用于以列表形式展示多个字段信息,适合产品详情页、用户资料展示、信息汇总和规格列表等场景。

主要能力:支持设置标题(title)和右上角额外内容(extra);可通过 size 设置 ''、'large'、'default'、'small' 尺寸;通过 direction 设置 'vertical' 或 'horizontal' 排列方向;通过 border 控制是否带边框;通过 column 设置每行数量(默认 3);通过 label-width 设置标签宽度。子项 el-descriptions-item 支持 label、span(跨列)、rowspan(跨行)、width、min-width、label-width、align、label-align、class-name、label-class-name 等属性。提供 default、title、extra 插槽。

基本用法:<el-descriptions title="User Info"><el-descriptions-item label="Username">kooriookami</el-descriptions-item></el-descriptions>。垂直列表使用 direction="vertical" border;带边框使用 border;跨行使用 :rowspan="2"。

最佳实践:使用 border 获得更好的视觉分隔;使用 direction="vertical" 实现紧凑展示;使用 span 和 rowspan 处理复杂布局。

限制:资料未提供组件的版本要求、事件、方法、主题变量及错误处理等信息。