list 列表
解释:列表组件,支持配置主标题文案、副标题文案、辅助信息、图标等。适用于信息展示,并可放置在页面的任何位置。
属性说明
属性名 | 类型 | 必填 | 默认值 | 说明 |
---|---|---|---|---|
title | String | 是 | 主标题文案 | |
subTitle | String | 否 | ‘’ | 副标题文案 |
desc | String | 否 | ‘’ | 右侧辅助文案 |
imgSrc | String | 否 | ‘’ | 图片链接 |
disable | Boolean | 否 | true | 是否有点击态 |
smt-list-container | String | 否 | 提供扩展样式类,供开发者自定义组件样式。可通过此 class 修改 list 外层样式 | |
smt-title | String | 否 | 提供扩展样式类,供开发者自定义组件样式。可通过此 class 修改主标题样式 | |
smt-sub-title | String | 否 | 提供扩展样式类,供开发者自定义组件样式。可通过此 class 修改副标题样式 | |
smt-desc | String | 否 | 提供扩展样式类,供开发者自定义组件样式。可通过此 class 修改右侧辅助文案样式 |
示例
跳转编辑工具
扫码体验
代码示例
请使用百度APP扫码
代码示例
- SWAN
- JS
- CSS
- JSON
<smt-list
title="{{item.title}}"
sub-title="{{item.subTitle}}"
desc="{{item.desc}}"
img-src="{{item.imgSrc}}"
disable="{{item.disable}}"
></smt-list>