跳到主要内容

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

圆角数值

类型必填默认值
number16

Cell.Group Props

Cell.Group用于将多个Cell进行包装,包装后他们将成为一个整体

继承自BoxShadow Props

line

是否显示分割线

类型必填默认值
booleanfalse

radius

圆角数值

类型必填默认值
number16

主题配置

radius

这是个公共配置,读取的是 theme.radius