Cell 单元格
单元格组件用来展示竖向的菜单列表,默认拥有阴影属性
示例
import { Cell } from '@/duxui'
<Cell title='菜单' />
<Cell title='菜单' desc='简介' />
<Cell title='菜单' subTitle='这是副标题' desc='简介' />
// 分组显示
<Cell.Group>
<Cell title='菜单1' />
<Cell title='菜单2' />
<Cell title='菜单3' />
<Cell title='菜单4' />
</Cell.Group>
Props
如果在Group中,继承自Taro的View Props
如果单独使用 继承自BoxShadow Props
title
左侧标题
类型 | 必填 | 默认值 |
---|---|---|
string | 否 |
subTitle
左侧子标题
类型 | 必填 | 默认值 |
---|---|---|
string | 否 |
desc
右侧描述文字
类型 | 必填 | 默认值 |
---|---|---|
string | 否 |
renderIcon
自定义左侧图标
类型 | 必填 | 默认值 |
---|---|---|
ReactElement | 否 |
radius
圆角数值
类型 | 必填 | 默认值 |
---|---|---|
number | 否 | 16 |
Cell.Group Props
Cell.Group用于将多个Cell进行包装,包装后他们将成为一个整体
line
是否显示分割线
类型 | 必填 | 默认值 |
---|---|---|
boolean | 否 | false |
radius
圆角数值
类型 | 必填 | 默认值 |
---|---|---|
number | 否 | 16 |
主题配置
radius
这是个公共配置,读取的是 theme.radius