支付宝小程序扩展组件 模块标题·Title

页面内每个容器模块中的标题模块。

扫码体验

示例代码

{
 "defaultTitle": "title",
 "usingComponents": {
   "title": "mini-ali-ui/es/title/index"
 }
<title
 hasLine="true"
 type="more"
 onActionTap="titleMore"
>内部标题无 icon 展开气泡菜单</title>
<title
 hasLine="true"
 iconURL="https://t.alipayobjects.com/images/T1HHFgXXVeXXXXXXXX.png"
 type="close"
 onActionTap="titleClose"
>内部标题可关闭</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: '点击箭头，可设置跳转',
   });
 },
 titleMore() {
   my.showToast({
     content: '点击更多，展开气泡菜单',
   });
 },
 titleClose() {
   my.showToast({
     content: '点击关闭，可设置关闭',
   });
 },
});

属性