小程序封装全局提示/跳页面延时提示
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" })
效果
