Descriptions 描述列表

成组展示只读字段。

基础用法

用户信息

姓名

张三

城市

上海

手机

138****0000

备注

一期数据展示组件

<script setup>
import { DanDescriptions, DanDescriptionsItem } from '@dandan-ui/ui'
</script>
<template>
  <DanDescriptions title="用户信息" :column="2" border>
    <DanDescriptionsItem label="姓名">张三</DanDescriptionsItem>
    <DanDescriptionsItem label="城市">上海</DanDescriptionsItem>
    <DanDescriptionsItem label="手机">138****0000</DanDescriptionsItem>
    <DanDescriptionsItem label="备注" :span="2"
      >一期数据展示组件</DanDescriptionsItem
    >
  </DanDescriptions>
</template>

Descriptions Props

属性	说明	类型	默认值
title	标题	string	''
column	列数	number	3
border	边框样式	boolean	false
direction	排列	'horizontal' | 'vertical'	'horizontal'
size	尺寸	'small' | 'default' | 'large'	'default'

DescriptionsItem Props

属性	说明	类型	默认值
label	标签	string	''
span	占据列数	number	1