You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1.1 KiB
1.1 KiB
代码演示
基础用法
Cell 使用。
<hd-cell title="我是单元格" placeholder="单元格的内容"></hd-cell>
展示图标
通过 icon 属性在标题左侧展示图标。
<hd-cell title="单元格" icon="ic_address_fill" />
设置 value,
设置 value 时，默认向左对齐，且支持插槽自定义value。
<hd-cell value="内容" />
<hd-cell value="内容" is-link>
<!-- 使用 title 插槽来自定义标题 -->
<template #value>
<span class="custom-value">内容</span>
</template>
</hd-cell>
展示箭头
设置 is-link 属性后会在单元格右侧显示箭头。
<hd-cell title="单元格" is-link />
<hd-cell title="单元格" is-link value="内容" />
内容超出省略
提供 ellipsis 属性，控制超出一行最大宽度后是否省略，默认true
<hd-cell title="我是单元格" :ellipsis="false" isLink></hd-cell>
下划线
通过 hasLine 属性可以让 Cell 展示下划线,默认为 false。
<hd-cell title="单元格" value="内容" hasLine/>