跳到主要内容

Cell 单元格

单元格组件用来展示竖向的菜单列表，默认拥有阴影属性

示例​

import { Cell, CellGroup, Header, ScrollView, TopView, GroupList } from '@/duxuiExample'

export default function CellExample() {
  return <TopView>
    <Header title='Cell' />
    <ScrollView>
      <GroupList>
        <GroupList.Item title='基础用法'>
          <Cell title='菜单' />
        </GroupList.Item>
        <GroupList.Item title='右侧简介'>
          <Cell title='菜单' desc='简介' />
        </GroupList.Item>
        <GroupList.Item title='副标题'>
          <Cell title='菜单' subTitle='这是副标题' desc='简介' />
        </GroupList.Item>
        <GroupList.Item title='组'>
          <CellGroup>
            <Cell title='菜单1' />
            <Cell title='菜单2' />
            <Cell title='菜单3' />
            <Cell title='菜单4' />
          </CellGroup>
        </GroupList.Item>
      </GroupList>
    </ScrollView>
  </TopView>
}

Props​

如果在Group中，继承自Taro的View Props

如果单独使用 继承自BoxShadow Props

title​

左侧标题

类型必填默认值
string否

subTitle​

左侧子标题

类型必填默认值
string否

desc​

右侧描述文字

类型必填默认值
string否

renderIcon​

自定义左侧图标

类型必填默认值
ReactElement否

radius​

圆角数值

类型必填默认值
number否16

CellGroup Props​

CellGroup用于将多个Cell进行包装，包装后他们将成为一个整体

继承自BoxShadow Props

line​

是否显示分割线

类型必填默认值
boolean否false

radius​

圆角数值

类型必填默认值
number否16

主题配置​

radius​

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