1.点击时候的按钮颜色的变换
/*page.wxss */
.hover{
background-color: gray;
}
<!--page.wxml -->
<button type="default" hover-class="hover"> 点击button </button>
2.点击按钮的时候在按钮上显示加载的进度
<!--page.wxml -->
<button loading="{{loading}}" bindtap="tap">操作</button>
//page.js
Page({
data: { loading: false }
tap: function() {
// 把按钮的loading状态显示出来
this.setData({
loading: true
})
// 接着做耗时的操作
}
})
3.显示隐藏Toast
Page({
onLoad: function() {
wx.showToast({ // 显示Toast
title: '已发送',
icon: 'success',
duration: 1500
})
// wx.hideToast() // 隐藏Toast
}
})
4.进行显示对话框
wx.showModal({
title: '标题',
content: '告知当前状态,信息和解决方法',
confirmText: '主操作',
cancelText: '次要操作',
success: function(res) {
if (res.confirm) {
console.log('用户点击主操作')
} else if (res.cancel) {
console.log('用户点击次要操作')
}
}
})
5.设置刷新,可以在各个页面的单独的.json文件中进行配置。
然后在.js中设置监听,但是很遗憾还是上拉界面效果不能起作用,但是能够回调监听。