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
  1. <smt-list
  2. title="{{item.title}}"
  3. sub-title="{{item.subTitle}}"
  4. desc="{{item.desc}}"
  5. img-src="{{item.imgSrc}}"
  6. disable="{{item.disable}}"
  7. ></smt-list>