您的位置:首页 > 移动开发 > 微信开发

微信小程序开发(三)--交互反馈

2017-08-20 14:00 239 查看
1.wx.showToast(OBJECT) 显示消息提示框

//封装在app.js中
showToast:function(msg){
wx.showToast({
title: msg.title,
icon: msg.icon,
duration: 2000
})
}
//在其他页面调用
let app=getApp();

let loading={
title:'加载中',
icon:'loading'
}
let success={
title:'创建成功',
icon:'success'
}
app.showToast(loading);
app.showToast(success);


2.wx.showModal(OBJECT) 显示模态弹窗

//封装在app.js中,异步操作需要写成promise来接收参数
showModal:function(msg){
return new Promise((resolve,reject)=>{
wx.showModal({
title: msg.title',
content: msg.content,
success: function(res) {
if (res.confirm) {
resolve(res.confirm);
//console.log('用户点击确定')
} else if (res.cancel) {
resolve(res.cancel);
//console.log('用户点击取消')
}
}
})
})

}
//在其他页面调用
let app=getApp();

let modal={
title:'提示',
content:'用户名不能为空'
}
app.showModal(modal).then((data)=>{
console.log('用户点击了:',data);
});
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息