跳到主要内容

描述列表

用于成组展示多个只读字段，常见于详情页信息展示。

何时使用​

  • 当页面需要展示结构化的静态信息，如用户详情、商品信息、配置参数等。

一、属性​

1. 数据集绑定​

描述列表的数据可通过字段或成员变量方式进行绑定。详见 数据绑定。

image-20250617160655885

2. 数据列配置​

2.1 标签项添加与编辑​

点击“添加项”可插入要展示的数据项。标签名称可在输入框中编辑。

image-20250617163118777

点击左侧的编辑按钮可进一步配置标签项：

  • 提示信息：设置后，标签右侧会显示一个问号图标，鼠标悬浮时显示提示内容。
  • 包含列数：控制该项占据的列数。例如，包含列数为 3，且外观配置中单行列数为 3 时，该项将独占一整行。

image-20250617163601069

3. 外观设置​

3.1 单行列数​

设置每行可展示的标签项数量。例如，单行列数为 6，若标签包含列数为 2，则一行可展示 3 个标签。

3.2 布局方向​

控制标签与其值的相对布局方式：

  • 水平方向：值显示在标签右侧（默认）
  • 垂直方向：值显示在标签下方

image-20250617164451628

3.3 尺寸​

可设置描述列表的整体尺寸（大小）。为直观看出效果，可在样式中设置边框。

image-20250617164926262

3.4 显示边框​

控制每个数据项是否显示边框。

image-20250617165121755

二、常见使用场景​

1. 详情页面数据展示​

用于展示如图书、用户、商品等实体的详细信息。

image-20240819162131389