支付宝小程序扩展组件 列表次级信息元素·List-secondary

位于列表右侧的次级信息组件，用于列表项的 extra 插槽。

扫码体验

示例代码

{
 "defaultTitle": "List",
 "usingComponents":{
   "list": "mini-ali-ui/es/list/index",
   "list-item": "mini-ali-ui/es/list/list-item/index",
   "list-secondary": "mini-ali-ui/es/list/list-secondary/index"
 }
}

<list>
 <view slot="header">
   列表头部
 </view>
 <list-item thumb="http://thumb.link.png"
   arrow="{{true}}"
   onClick="onItemClick"
   upperSubtitle="上副标题"
   lowerSubtitle="下副标题" >
   主标题
   <list-secondary
     title="次级标题"
     subtitle="次级副标题"
     thumb="http://thumb.url.jpg"
     thumbSize="20"
     slot="extra" />
 </list-item>
 <view slot="footer">
   列表尾部
 </view>
</list>

Page({
 onItemClick() {
   my.alert({
     content: '列表项点击事件'
   })
 }
})

属性

slot

list-item 共有6个插槽，位置和名称如下图所示。

list-secondary 用于放在 extra 插槽

请参见 list-item 组件。