支付寶小程序擴(kuò)展組件 模塊標(biāo)題·Title

頁面內(nèi)每個容器模塊中的標(biāo)題模塊。

掃碼體驗(yàn)

示例代碼

{
 "defaultTitle": "title",
 "usingComponents": {
   "title": "mini-ali-ui/es/title/index"
 }
<title
 hasLine="true"
 type="more"
 onActionTap="titleMore"
>內(nèi)部標(biāo)題無 icon 展開氣泡菜單</title>
<title
 hasLine="true"
 iconURL="https://t.alipayobjects.com/images/T1HHFgXXVeXXXXXXXX.png"
 type="close"
 onActionTap="titleClose"
>內(nèi)部標(biāo)題可關(guān)閉</title>
<title
 hasLine="true"
 className="changeColor"
 iconURL="https://gw.alipayobjects.com/mdn/miniProgram_mendian/afts/img/A*wiFYTo5I0m8AAAAAAAAAAABjAQAAAQ/original"
 type="arrow"
 onActionTap="titleGo"
>使用class修改樣式</title>

.changeColor {
 font-size: 30px;
 color: #f32600;
}

Page({
 data: {},
 onLoad() {},
 titleGo() {
   my.showToast({
     content: '點(diǎn)擊箭頭，可設(shè)置跳轉(zhuǎn)',
   });
 },
 titleMore() {
   my.showToast({
     content: '點(diǎn)擊更多，展開氣泡菜單',
   });
 },
 titleClose() {
   my.showToast({
     content: '點(diǎn)擊關(guān)閉，可設(shè)置關(guān)閉',
   });
 },
});

屬性