小程序模板網(wǎng)

Charlotte微信小程序開發(fā)(三)--交互反饋

發(fā)布時(shí)間:2018-04-23 12:12 所屬欄目:小程序開發(fā)教程

1.wx.showToast(OBJECT) 顯示消息提示框

//封裝在app.js中
showToast:function(msg){
    wx.showToast({
    title: msg.title,
    icon: msg.icon,
    duration: 2000
    })
}
//在其他頁面調(diào)用
let app=getApp();

let loading={
    title:'加載中',
    icon:'loading'
}
let success={
    title:'創(chuàng)建成功',
    icon:'success'
}
app.showToast(loading);
app.showToast(success);
  •  

2.wx.showModal(OBJECT) 顯示模態(tài)彈窗

//封裝在app.js中,異步操作需要寫成promise來接收參數(shù)
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('用戶點(diǎn)擊確定')
    } else if (res.cancel) {
      resolve(res.cancel);
      //console.log('用戶點(diǎn)擊取消')
    }
   }
  })
})

}
//在其他頁面調(diào)用
let app=getApp();

let modal={
    title:'提示',
    content:'用戶名不能為空'
}
app.showModal(modal).then((data)=>{
    console.log('用戶點(diǎn)擊了:',data);
});


易優(yōu)小程序(企業(yè)版)+靈活api+前后代碼開源 碼云倉(cāng)庫(kù):starfork
本文地址:http://22321a.com/wxmini/doc/course/23934.html 復(fù)制鏈接 如需定制請(qǐng)聯(lián)系易優(yōu)客服咨詢:800182392 點(diǎn)擊咨詢
QQ在線咨詢