小程序模板网

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

发布时间:2018-04-23 12:12 所属栏目:小程序开发教程

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);
});


易优小程序(企业版)+灵活api+前后代码开源 码云仓库:starfork
本文地址:https://www.eyoucms.com/wxmini/doc/course/23934.html 复制链接 如需定制请联系易优客服咨询:800182392 点击咨询
QQ在线咨询