小程式封裝全域性提示/跳頁面延時提示
阿新 • • 發佈:2022-04-04
1、需求:每個頁面都寫提示顯得雜亂,還有些跳頁面延時提示太分散,就想著提取出來
2、思路:在app.js處寫一個統一的呼叫提示方法,全域性呼叫
3、實現
// 提示 showToast(obj = {}) { if (!obj.title) { wx.showToast({ title: 'showToast函式請傳入title', icon: "none" }) return } wx.showToast({ title: obj.title || '', icon: obj.icon|| 'none', image: obj.image || '', duration: obj.duration || 1500, mask: obj.mask || false, success: obj.success, fail: obj.fail, complete: obj.complete, }) }, // 跳頁面提示 tipsJump(obj = {}) { if (!obj.title) { wx.showToast({ title: 'tipsJump函式請傳入title', icon:"none" }) return } if (!obj.type) { wx.showToast({ title: 'tipsJump函式請傳入跳轉型別type', icon: "none" }) return } if (!obj.url) { wx.showToast({ title: 'tipsJump函式請傳入跳轉url', icon: "none" }) return } this.showToast(obj) setTimeout(() => { switch (obj.type) { case 'switchTab': wx.switchTab({ url: obj.url }) break; case 'reLaunch': wx.reLaunch({ url: obj.url }) break; case 'redirectTo': wx.redirectTo({ url: obj.url }) break; case 'navigateTo': wx.navigateTo({ url: obj.url }) break; case 'navigateBack': wx.navigateBack() break; } },obj.time||1500)
},
使用
const app = getApp() app.tipsJump({ title: "提交成功,即將跳轉", type: "switchTab", url: "/pages/order/order" })
效果