跳到主要内容

单元格组

单元格组用于将多个单元格组织在一起，提升信息结构的清晰度与页面视觉一致性。

何时使用​

  • 需要对多个单元格进行逻辑分组
  • 多个跳转入口组合展示
  • 常用于“我的”页面、设置页面、账号信息页等区域

一、属性​

1. 数据源配置​

数据源配置

支持两种配置方式：

  • 手动赋值： 可自定义每个单元格的标题、内容、图标、样式等
  • 数据源绑定： 从接口或模型中批量获取展示项数据

示例（自定义样式）：

自定义标题内容

展示效果：

效果预览

2. 功能属性​

（1）标题配置​

  • 单元格组中每个单元格的标题支持三种方式设置：
    • 手动赋值
    • 数据绑定
    • 组件绑定

标题配置方式

  • 支持自定义样式，如图标+文字组合：

图标+文字标题样式

3. 外观属性​

（1）卡片风格​

  • 默认关闭
  • 开启后，整个单元格组呈现为卡片式展示

对比示意：

  • 普通分隔风格：

    默认风格

  • 卡片风格：

    （图中右侧部分）

⚠️ 注意：卡片风格开启时，将自动隐藏边框选项。

（2）显示边框​

  • 默认为开启状态
  • 若开启卡片风格，则边框设置无效

4. 状态属性​

无特殊状态，详见：通用状态

二、样式​

暂无特殊样式设置，详见：通用样式

三、常见使用场景​

场景：个人中心或设置界面​

  • 将不同的功能项（如我的订单、收货地址、账号安全等）组织为单元格组，提升信息整合度

示意图：

我的页面案例