TuCell 单元格
标题 / 说明 / 右侧值 / 箭头,required 必填标记,click 事件。
单元格:标题 / 说明 / 右侧值 / 箭头,常与列表或表单组合使用。点击触发 click 事件(禁用时不触发);箭头由 CSS 边框旋转绘制,跨端一致。
属性
| 名称 | 类型 | 说明 |
|---|---|---|
title | string | 左侧主文案。 |
label | string | 标题下方说明文案。 |
value | string | 右侧值文案。 |
required | boolean | 是否必填(标题前红点)。 |
isLink | boolean | 是否显示箭头。 |
arrowDirection | right | up | down | 箭头方向,默认 right。 |
disabled | boolean | 禁用(不响应点击,半透明)。 |
border | boolean | 是否显示底部边框,默认 true。 |
center | boolean | 是否居中垂直(label 存在时默认顶部对齐)。 |
事件:click(disabled 时不触发)。
点击整行
cell 支持 isLink 箭头与 required 必填标记
已点 0 次
整行可点:click 事件回传父级计数 —— disabled 时不响应。
实例
ts
createComponent({
component: TuCell,
props: { title: '收货地址', value: '上海市 xxx', isLink: true, required: true },
emitters: { click: () => this.openAddress() },
})