获取全局数据
1.在app.js文件中设置
globalData: {
userInfo:{name:'王哈哈哈',age:99}
}
2.准备一个新的页面用于获取全局数据
3.在新页面的js文件中获取实例,即可获取全局数据
// ----------------1.获取应用实例
const app = getApp();
Page({
onLoad: function (options) {
//------------------------- 2.输出全局数据
console.log(app.globalData.userInfo);
},
})
小程序弹框
添加成功,提示信息
1.在wxml文件中写个按钮,用于触发方法
<!--pages/wxtoust/wxtoust.wxml-->
<button bindtap="tan1">showtoust</button>
2.补充弹窗方法
// ----------------微信弹窗
tan1(){
wx.showToast({
title: '添加成功',
icon:'error' //显示警告图标
// icon:'loading' 显示加载图标
// icon:'success' //显示一个勾
// icon:'none' //不显示icon
})
},
更多弹窗
1.wxml文件
<!--pages/wxtoust/wxtoust.wxml-->
<text>pages/wxtoust/wxtoust.wxml</text>
<button bindtap="tan1">showtoust</button>
<button bindtap="tan2">loading弹框</button>
<button bindtap="tan3">关闭loading弹框</button>
<button bindtap="tan4">Model弹框,会弹出个确认,取消的确认弹窗</button>
<button bindtap="tan5">Model弹框.下面会弹单选</button>
<button bindtap="tan6">选择图片api,用手机会调出拍照,选图片</button>
2.js文件中的
// ----------------微信弹窗
tan1(){
wx.showToast({
title: '添加成功',
icon:'error', //显示警告图标
// icon:'loading' 显示加载图标
// icon:'success' //显示一个勾
// icon:'none' //不显示icon
mask:true //防止操作穿透,有弹窗的时候点击任何地方都不好使
})
},
tan1(){
wx.showToast({
title: '添加成功',
icon:"error",
mask:true
})
},
tan2(){
wx.showLoading({
title: '正在上传',
})
},
tan3(){
wx.hideLoading()
},
tan4(){
wx.showModal({
title:"您确定要投诉吗?",
content:"投诉要冲心悦3",
cancelText:"充个P",
cancelColor:"#333999",
confirmText:"拿钱来",
confirmColor:"#342789",
success:(res)=>{
if (res.confirm) {
console.log("千媚了")
} else {
console.log("g没了")
}
}
})
},
tan5(){
wx.showActionSheet({
itemList: ['A', 'B', 'C'],
success (res) {
console.log(res)
},
fail (res) {
console.log(res.errMsg)
}
})
},
tan6(){
wx.chooseImage({
count: 8,
})
},