微信小程序

1、消息提示框

显示
wx.showToast({
title: '成功',
icon: 'success',
duration: 2000 2秒自动关闭
})
关闭
wx.hideToast({
complete: (res) => {},
})

2、加载提示框

显示
wx.showLoading({
title: '加载中',
})
关闭
wx.hideLoading({
complete: (res) => {},
})

3、显示模态对话框

wx.showModal({
title: '提示',
content: '这是一个模态弹窗',
success (res) {
if (res.confirm) {
console.log('用户点击确定')
} else if (res.cancel) {
console.log('用户点击取消')
}
}
})

4、显示操作菜单

wx.showActionSheet({
itemList: ['A', 'B', 'C'],
success (res) {
console.log(res.tapIndex)
},
fail (res) {
console.log(res.errMsg)
}
})

5、动态设置当前页面的标题

wx.setNavigationBarTitle({
title: '当前页面'
})

6、数据存储

添加
wx.setStorageSync('test', {us:123,ps:456})
查询
wx.getStorageSync('user')
删除一个
wx.removeStorageSync('test')
清空
wx.clearStorageSync()

7、监听网络环境发生改变

wx.onNetworkStatusChange((result) => {
console.log(result)
let {networkType} = result
if(networkType !== 'wifi'){
wx.showModal({
title:`你的网络环境变化${networkType}是否继续`,
success(res){
console.log(res)
}
})
}
})

8、拨打电话

wx.makePhoneCall({
phoneNumber: '110' //仅为示例，并非真实的电话号码
})

9、调起客户端扫码界面进行扫码

wx.scanCode({
success: (res)=> {
console.log(res)
let {result} = res
this.setData({result})
}
})