跳到主要内容

详情

用于成组展示多个只读字段，常用于详情页、信息概览等场景。

一、何时使用​

  • 展示结构化的只读信息（如用户资料、订单详情）
  • 页面中需要以卡片形式分隔模块
  • 需要在顶部或底部扩展内容（如按钮、标签、其他组件）

二、属性配置​

1. 数据绑定​

数据绑定

数据来源：​

  • 数据绑定：绑定外部数据集，详见：数据绑定
  • 组件绑定：自动使用当前页面或上级组件的数据集

2. 功能设置​

功能设置

1）标题设置​

  • 默认在左上角显示组件标题
  • 可自定义标题内容

示例：

标题展示

开启“设计开关”后，可移除标题或放置其他组件（如按钮、标签等）

示例：

标题自定义

3. 展示项配置​

通过此处可对详情页的字段进行增删操作。

展示项配置

4. 外观设置​

外观设置

1）卡片风格​

  • 启用后，组件带有圆角、内边距、背景色等样式
  • 适用于页面中需要视觉分组的展示场景

示例：

卡片风格

2）显示边框​

  • 默认启用，展示外框线
  • 可关闭边框，呈现更简洁的风格

对比示例：

显示边框
隐藏边框

5. 状态配置​

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

三、样式设置​

无特殊样式项，详见：通用样式

四、常见使用场景​

1. 用户信息详情页​

展示如姓名、性别、出生日期、联系方式等信息

用户详情

2. 分组信息列表​

多个详情组件组合，适用于多段信息分类展示

分组列表

3. 个人中心快捷入口​

用于模块化展示各类个人服务入口，如设置、安全、通知等

快捷入口