開發者、三方服務商:支付寶、微信小程序實現彈窗跳轉代碼比較

支付寶電商版小程序模態彈窗跳轉實現

/**
* 模態提示
*/
showModal: function (msg = '請完善用戶信息' ) {
my.confirm({
title: '提示',
content: msg == ''?'':msg,
confirmButtonText: '確定',
cancelButtonText: '取消',
success: (res) => {
if (res.confirm) { //跳轉完善用戶資料
my.navigateTo({
url: '../user/auth',
})
//console.log('用戶點擊確定')
} else {
//console.log('用戶點擊取消')
}
},
});
},
開發者、三方服務商:支付寶、微信小程序實現彈窗跳轉代碼比較

支付寶電商版小程序模態彈窗跳轉

/**
* 模態提示
*/
showModal: function (msg = '請完善用戶信息' ) {
wx.showModal({
title: '提示',
content: msg == ''?'':msg,
confirmColor:'#0e932e',
success: function (res) {
if (res.confirm) { //跳轉完善用戶資料確定
wx.navigateTo({
url: '../user/auth',
})
} else {
//console.log('用戶點擊取消')
}
}
});
},
開發者、三方服務商:支付寶、微信小程序實現彈窗跳轉代碼比較

注:在開發者將已經發布的微信小程序產品想發佈到支付寶平臺裡邊,在有些界面我們需要驗證用戶資料是否完善給出模態彈窗提示(比如用戶下單購買產品頁),支付寶和微信小程序的實現代碼是不一樣的,支付寶小程序用的是my.confirm方法,而微信用的是wx.showModal方法,在支付寶小程序並不提供和微信小程序一樣的showMoal方法,需要我們開發人員處理一下,最好把此方法放到app.js做成公用方法,方便後續移植其他相關小程序項目.


分享到:


相關文章: