跳到主要内容

单元格

单元格是列表中的单个展示项，常用于信息展示、导航跳转、状态说明等场景。

何时使用​

  • 展示只读字段（如用户名、手机号等）
  • 提供跳转入口（如设置项、详情页）
  • 显示标题+内容组合的信息项
  • 配合图标或箭头，提升交互提示与视觉引导

一、属性​

1. 功能属性​

（1）标题​

  • 标题内容支持三种设置方式：
    • 手动赋值（固定内容）
    • 数据绑定
    • 组件绑定

当功能开关关闭时可配置绑定方式；开启则可自定义布局。

标题绑定方式

（2）内容​

  • 内容区域支持与标题相同的三种设置方式（手动赋值、数据绑定、组件绑定）。

内容绑定方式

（3）描述信息​

  • 主内容下方的辅助信息，常用于状态提示、额外说明等。

（4）图标​

  • 显示在单元格左侧的图标，增强识别性和功能直观性。

（5）内容布局​

  • 内容对齐方式：
    • 顶部对齐
    • 垂直居中（默认）

示意图：

顶部对齐 垂直居中 布局差异对比

（6）显示箭头​

  • 开启后在内容右侧展示跳转箭头，常用于“可点击项”提示。

显示箭头

（7）箭头方向​

  • 支持四个方向：
    • 向右（默认）
    • 向左、向上、向下

箭头方向设置

（8）点击反馈​

  • 用户点击单元格时的视觉反馈，提升交互体验。

点击反馈

2. 外观属性​

（1）尺寸​

  • 可选值：
    • 普通（默认）
    • 大尺寸（视觉更宽松）

尺寸设置

（2）显示边框​

  • 控制是否在单元格外部显示边框。

边框展示

3. 状态​

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

二、样式​

暂无独立样式设置，详见：通用样式

三、常见使用场景​

场景 1：设置项（功能导航入口）​

  • 常用于跳转型设置页面
  • 一般配合右侧箭头使用

示意图：

设置项

场景 2：配合单元格组使用​

  • 组合多个单元格形成整块信息结构，如设置中心、账户信息页等

示意图：

配合单元格组使用