代码拉取完成,页面将自动刷新
wxml
<mt-tab items="{{items}}" bind:itemtap="itemTap"></mt-tab>
js
Page({
data: {
items: ['菜单一', '菜单二', '菜单三', '菜单四', '菜单五', '菜单六']
},
itemTap(e) {
console.log(e)
},
})
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
items | 标签页文字数组 | Array | [] |
height | 标签页高度(单位rpx) | String | 76 |
textColor | 标签页文字颜色 | String | #666666 |
textSize | 标签页文字大小 | String | 28 |
selectColor | 选中文字及下划线颜色 | String | #0191FF |
selected | 选中标签页index | String | 0 |
事件名 | 说明 | 参数 |
---|---|---|
bind:itemtap | 点击标签页时触发 | detail: 点击标签页的index |
wxml
<mt-notice id="notice"/>
<button class="btn" type="primary" bindtap="onShowNotice">弹出通知</button>
js
const { $Notice } = require('components/mt-weapp/mt-notice/index.js')
pageObj({
data: {
num: 0
},
onShowNotice(){
this.data.num += 1
app.$Notice({
title: '通知标题' + this.data.num,
content: '这是一条有内容的通知弹窗' + this.data.num,
show: () => {
console.log('通知出现的回调函数')
},
hide: () => {
console.log('通知消失的回调函数')
}
})
},
})
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
title | 通知标题 | String | ‘ ’ |
content | 通知内容 | String | ‘ ’ |
show | 通知展示后的回调函数 | Function | |
hide | 通知隐藏后的回调函数 | Function |
wxml
<view>
<button class="btn" type="primary" bindtap="onShowDialog">打开弹窗</button>
<mt-dialog title='{{title}}' show="{{show}}" bindconfirm="modalConfirm" bindcancel="modalCandel" >
<view>弹窗内容</view>
</mt-dialog>
</view>
js
Page({
data: {
show: false,
title: '弹窗标题'
},
onShowDialog() {
this.setData({
show: true
})
},
modalCandel() {
this.setData({
show: false
})
},
modalConfirm() {
this.setData({
show: false
})
}
})
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
show | 弹窗显示 | Boolean | false |
title | 弹窗标题 | String | |
width | 弹窗宽度 | String | 90% |
confirmText | 确定键文字显示 | String | 确定 |
confirmColor | 确定键颜色显示 | String | #0191FF |
事件名 | 说明 | 参数 |
---|---|---|
bind:confirm | 点击确定按键时触发 | |
bind:cancel | 点击取消按键时触发 |
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。