1. 程式人生 > 其它 >小程式封裝全域性提示/跳頁面延時提示

小程式封裝全域性提示/跳頁面延時提示

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

效果