Description 描述列表

基础用法

Tom 男 28 上海市青浦区华新镇

<ivy-description>
    <ivy-description-item label="姓名">Tom</ivy-description-item>
    <ivy-description-item label="性别"> 男 </ivy-description-item>
    <ivy-description-item label="年龄"> 28 </ivy-description-item>
    <ivy-description-item label="地址">
        上海市青浦区华新镇
    </ivy-description-item>
</ivy-description>

增加 border

Tom 男 28 上海市青浦区华新镇

<ivy-description border>
    <ivy-description-item label="姓名">Tom</ivy-description-item>
    <ivy-description-item label="性别"> 男 </ivy-description-item>
    <ivy-description-item label="年龄"> 28 </ivy-description-item>
    <ivy-description-item label="地址" span="3">
        上海市青浦区华新镇
    </ivy-description-item>
</ivy-description>

增加 header

Tom 男 28 上海市青浦区华新镇

<ivy-description border header="个人信息">
    <ivy-description-item label="姓名">Tom</ivy-description-item>
    <ivy-description-item label="性别"> 男 </ivy-description-item>
    <ivy-description-item label="年龄"> 28 </ivy-description-item>
    <ivy-description-item label="地址" span="3">
        上海市青浦区华新镇
    </ivy-description-item>
</ivy-description>

设置 label-width

Tom 男 28 上海市青浦区华新镇

<ivy-description border>
    <ivy-description-item label="姓名">Tom</ivy-description-item>
    <ivy-description-item label="性别"> 男 </ivy-description-item>
    <ivy-description-item label="年龄"> 28 </ivy-description-item>
    <ivy-description-item label="地址" span="3">
        上海市青浦区华新镇
    </ivy-description-item>
</ivy-description>

Api

Description Prop

Prop	描述	类型	可选值	默认值
border	是否显示边框	boolean	-	false
columns	每行显示的列数	number	-	3
header	标题	string	-	undefined
labelWidth	label 的宽度	string	-	undefined

DescriptionItem Prop

Prop	描述	类型	可选值	默认值
label	label 的内容	string	-	''
labelWidth	label 的宽度	string	-	'100px'
span	占有的列数	string	-	1