- list 列表
- 属性说明
- 示例
- 代码示例
- 代码示例
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 修改右侧辅助文案样式 |
示例
跳转编辑工具
在开发者工具中打开
在 WEB IDE 中打开
扫码体验
代码示例
请使用百度APP扫码
代码示例
- SWAN
- JS
- CSS
- JSON
<smt-listtitle="{{item.title}}"sub-title="{{item.subTitle}}"desc="{{item.desc}}"img-src="{{item.imgSrc}}"disable="{{item.disable}}"></smt-list>
