支付寶小程序擴(kuò)展組件 列表次級信息元素·List-secondary

位于列表右側(cè)的次級信息組件，用于列表項(xiàng)的 extra 插槽。

掃碼體驗(yàn)

示例代碼

{
 "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="上副標(biāo)題"
   lowerSubtitle="下副標(biāo)題" >
   主標(biāo)題
   <list-secondary
     title="次級標(biāo)題"
     subtitle="次級副標(biāo)題"
     thumb="http://thumb.url.jpg"
     thumbSize="20"
     slot="extra" />
 </list-item>
 <view slot="footer">
   列表尾部
 </view>
</list>

Page({
 onItemClick() {
   my.alert({
     content: '列表項(xiàng)點(diǎn)擊事件'
   })
 }
})

屬性

slot

list-item 共有6個插槽，位置和名稱如下圖所示。

list-secondary 用于放在 extra 插槽

請參見 list-item 組件。