使用列表选择 ListSelect

ListSelect 组件的使用和数据格式与 Select 组件基本一致，只是从 UI 表现上有区别。以下展示了配置几种不同样式的选项出来。

基础 4 种样式

• 选项配置，和 Select 组件完全一致。可以配置动态数据源，也可以手动固定填写。
• 组件自带 4 种显示风格，按需设置即可。
• 前面两种风格，可以配置 “显示选中打勾标记” 来展示右下角的☑️。
• 用法和 Select 一样，在表单当中，点击即可选中，随着表单提交。

如果不想显示字段名称只想展示选项，勾上设置的 “隐藏字段名称” 即可。

自定义展示内容

默认 ListSelect 组件选项展示的是配置的 label。

可以通过拖拽的方式自定义其显示的内容。内容没有限制。

如下图，我自定义配置同时显示了 icon、value 和 label。

最终运行显示效果就是如下图：

常用示例配置1

下面是一个常用的垂直布局展示详细信息的列表选择。