底部栏逻辑重构

src/components/tabbarPage.vue

@@ -14,10 +14,10 @@
 <script>
 import {
   getUrlofLink,
-  getUrlofQuery,
-  noLoginListPath,
   checkTabbarPage,
 } from "../utils/mayi.js";
+import { serialize} from "@/utils/index";
+
 export default {
   props: {
     index: {
@@ -48,8 +48,6 @@ export default {
     },
   },
   onLoad(options) {
-    console.log('onload')
-
     let ss = wx.getStorageSync("sessionid");
     this.ss = ss ? `&sessionid=${ss}` : "";
     if (!ss) {
@@ -62,19 +60,10 @@ export default {
       this.page = getUrlofLink(
         this.mpApp.globalData.footerVal.componentData.list[this.index].link
       );
-      // this.params+='&'+getUrlofQuery( this.mpApp.globalData.footerVal.componentData.list[this.index].link)
+      let query=serialize(options)
+      this.params+=query?'&'+query:''
     }
   },
-  onShow() {
-    console.log('onshow')
-    // 登录态更新
-    // let ss = wx.getStorageSync("sessionid");
-    // if (!this.ss && ss) {
-    //   this.ss = `&sessionid=${ss}`;
-    // } else if (!ss) {
-    //   this.params += this.params.includes("logOut") ? "" : "&logOut=true";
-    // }
-  },
   methods: {
     handleError(data) {
       wx.showLoading({

src/pages/home/index.vue

@@ -104,8 +104,8 @@
       <div v-if="applySucessEntry">
         <apply-sucess-entry></apply-sucess-entry>
       </div>
-
-      <custom-tab-bar></custom-tab-bar>
+      <!-- 底部栏 -->
+      <custom-tab-bar class="custom-tab-bar" :selected="active"></custom-tab-bar>
   </div>
 </template>
 
@@ -145,6 +145,7 @@ export default {
       showHomepage: false,//分销商首页入口
       applySucessEntry: false,//成为分销弹框
       getDistributorHomepageName: '',//小店入口名称
+      active:-1
     };
   },
   components:{
@@ -163,11 +164,9 @@ export default {
     spellGroup
   },
   onShareAppMessage(res) {
-    let shareVal={};
     let {shopCode} = app.globalData.shopInfo;
 
     if (res.from === "button") {
-      console.log(res.target,'-----------78');
       return new Promise((resolve,reject)=>{
         shop.getShopInfo({ shopMixId: shopCode }).then(res=>{
           if(res.data.code ==200){
@@ -285,13 +284,7 @@ export default {
     
   },
   onShow() {
-    // let linkVal = '/personalCenter/spokesmanCenter/mine/spokesmanHomePage?from=_goodsInfo'
-    // app.$themeToLink({
-    //   type: 1,
-    //   link:linkVal,
-    // });
     this.getCartNum();
-    setTabBarActive.bind(this)(checkTabbarPage('/'));
     this.$mp.page.onPageScroll= (el)=>{
       throttle(this.scrolls(el),100)
     };
@@ -299,8 +292,8 @@ export default {
   methods: {
     
     init(pageList) {
-      this.getCartNum()
-      setTabBarActive.bind(this)(checkTabbarPage('/'));
+      this.getCartNum();
+      this.active=checkTabbarPage('/');
 
       this.pageInfo = pageList.filter((item) => item.pageCode == 1)[0];
       this.pageData = JSON.parse(this.pageInfo.pageData);
@@ -344,7 +337,7 @@ export default {
       })
     },
     scrolls(el){
-      // this.setFooterShow(el);
+      this.setFooterShow(el);
       if (this.pageData) {
         for (let i = 0; i < this.pageData.length; i++) {
           const element = this.pageData[i]
@@ -363,9 +356,7 @@ export default {
 
         }
       }
-        
-        
-      // this.setFooterShow(el);
+
       if(this.$mp.page && this.$mp.page.selectComponent(".getIndexHomePage")){
         this.$mp.page.selectComponent(".getIndexHomePage").getScroll(el);
       }
@@ -377,7 +368,7 @@ export default {
       // return
       let afterScrollTop = el.scrollTop;
       let delta = afterScrollTop - this.beforeScrollTop;
-      let {showFlag} = this.$mp.page.getTabBar().data;
+      let {showFlag} = this.$mp.page.selectComponent(".custom-tab-bar").data;
       if(
         delta === 0 ||
         afterScrollTop < 0 ||
@@ -388,9 +379,8 @@ export default {
         this.beforeScrollTop = afterScrollTop;
          return;
       }
-      // this.$mp.page.getTabBar().animation({'showFlag':delta>0?'down':'up'})
-      // console.log(showFlag,'set296' )
-      this.$mp.page.getTabBar().setData({'showFlag':delta>0?'down':'up'})
+      this.$mp.page.selectComponent(".custom-tab-bar").setData({'showFlag':delta>0?'down':'up'})
+      console.log('---------383')
     },
     scrolltolower(){
       console.log("scrolltolower")
@@ -398,7 +388,7 @@ export default {
     getCartNum() {
       app.cartApi.my_cart_count().then(res => {
         if (res.data.code == 200) {
-          this.$mp.page.getTabBar().setData({"cartNum": Number(res.data.data)});
+          this.$mp.page.selectComponent(".custom-tab-bar").setData({"cartNum": Number(res.data.data)});
         }
       });
     }

src/utils/mayi.js

@@ -10,7 +10,7 @@ export const noLoginListPath = noLoginList.map(item => {
     return item
 })
 // 有底部栏页面
-export const containFooterPage=["/","/goods/commodityMenu","/shopCart/shoppingCart","/personalCenter"]
+export const containFooterPage = ["/", "/goods/commodityMenu", "/shopCart/shoppingCart", "/personalCenter"]
 // 主题色
 export let themeColor = {
     "--main-color": "#ffffff",
@@ -28,14 +28,14 @@ export function getUrlofQuery(data) {
 export function $themeToLink(data, option) {
     let app = getApp();
     let type = data.type;
-    console.log('299999',data,noLoginListPath)
     // 登录拦截和底部导航栏拦截（非功能项）
     if (type != 2) {
         // 登录拦截
         let parseLink = getUrlofLink(data);
-        let aa = noLoginListPath.includes(parseLink) || parseLink.substr(0, 7) == "/goods/" || parseLink.includes('/brandTopics');
-        console.log(noLoginListPath.includes(parseLink),'3535',aa)
-        if (!aa && !wx.getStorageSync("sessionid")) {
+        let parseQuery = getUrlofQuery(data);
+
+        let noLogin = noLoginListPath.includes(parseLink) || parseLink.substr(0, 7) == "/goods/" || parseLink.includes('/brandTopics');
+        if (!noLogin && !wx.getStorageSync("sessionid")) {
             let url = `/pages/login/main?back=${parseLink}`;
             wx.navigateTo({ url });
             return
@@ -44,14 +44,14 @@ export function $themeToLink(data, option) {
         let isTabbarIndex = checkTabbarPage(parseLink);
         if (isTabbarIndex >= 0) {
             // 无底部栏h5页面
-            if(!containFooterPage.includes(parseLink)){
-                toPage(getUrlofLink(data),getUrlofQuery(data))
+            if (!containFooterPage.includes(parseLink)) {
+                toPage(getUrlofLink(data), getUrlofQuery(data))
                 return
             }
             isTabbarIndex = isTabbarIndex == 0 ? checkTabbarPage('/') : isTabbarIndex
-
+            let query=parseQuery?`?${parseQuery}`:''
             wx.reLaunch({
-                url: parseLink == '/' ? '/pages/home/main' : `/pages/tabBar${isTabbarIndex}/main`,
+                url: parseLink == '/' ? `/pages/home/main${query}` : `/pages/tabBar${isTabbarIndex}/main${query}`,
             })
             return
         }
@@ -61,7 +61,7 @@ export function $themeToLink(data, option) {
     // 历史数据
     if (type == undefined || type == 'undefined') {
         if (data.length > 0) {
-            toPage(getUrlofLink(data),getUrlofQuery(data))
+            toPage(getUrlofLink(data), getUrlofQuery(data))
         }
         return
     }
@@ -71,7 +71,7 @@ export function $themeToLink(data, option) {
     } else if (type == 1) {//h5页面
         //兼容
         if (data.link.substring(0, 1) == "/") {
-            toPage(getUrlofLink(data),getUrlofQuery(data))
+            toPage(getUrlofLink(data), getUrlofQuery(data))
         } else {
             if (data.link.startsWith('http') || data.link.startsWith('https')) {
                 wx.navigateTo({ url: '/pages/wxArticle/main?link=' + encodeURIComponent(data.link) });
@@ -87,7 +87,7 @@ export function $themeToLink(data, option) {
             return
         }
         if (data.link.substring(0, 1) == "/") {
-            toPage(getUrlofLink(data),getUrlofQuery(data))
+            toPage(getUrlofLink(data), getUrlofQuery(data))
         } else {
             wx.navigateTo({ url: '/pages/wxArticle/main?link=' + encodeURIComponent(data.link) });
         }
@@ -108,7 +108,7 @@ export function $themeToLink(data, option) {
     } else {
         //向后兼容
         if (data.length > 0) {
-            toPage(getUrlofLink(data),getUrlofQuery(data))
+            toPage(getUrlofLink(data), getUrlofQuery(data))
         }
     }
 }

static/nativeComponents/custom-tab-bar/index.js

 
 const app = getApp();
 Component({
+  properties:{
+    selected:{
+      type:Number,
+      default:-1
+    }
+  },
   data: {
-    selected: 0,
     color: "#7A7E83",
     selectedColor: "#3cc51f",
     list: [
-      {
-        pagePath: "/pages/home/main",
-        iconPath:
-          "https://cdn.mayi888.com/public/png/2d084453-2ca3-4d01-95f9-8bed8fc46dc6.png",
-        selectedIconPath:
-          "https://cdn.mayi888.com/public/png/2d084453-2ca3-4d01-95f9-8bed8fc46dc6.png",
-        text: "组件",
-
-        //--多主题
-        condition: "",
-        icon: "ant-daishouhuo",
-        iconType: 1, //0 iconfont  1 image
-        imgUrl:
-          "https://cdn.mayi888.com/public/png/2d084453-2ca3-4d01-95f9-8bed8fc46dc6.png",
-        selectImgUrl:
-          "https://cdn.mayi888.com/public/png/2d084453-2ca3-4d01-95f9-8bed8fc46dc6.png",
-        link: {
-          key: "1.1.1.7",
-          link: "/personalCenter/spokesmanCenter?distributionModel=1",
-          name: "分销商中心",
-          type: 1
-        },
-        show: true,
-        title: "分类页",
-        version: "1.0.0",
-        visible: 1
-      },
-      {
-        pagePath: "/pages/index/main",
-        iconPath: "/static/images/bofang.png",
-        selectedIconPath: "/static/images/bofang.png",
-        text: "接口",
-
-        //--多主题
-        condition: "",
-        icon: "ant-daishouhuo",
-        iconType: 0, //0 iconfont  1 image
-        imgUrl: "",
-        selectImgUrl: "",
-        link: {},
-        show: true,
-        title: "分类页",
-        version: "1.0.0",
-        visible: 1
-      }
     ],
     mm: false,
     componentData: {},
@@ -73,7 +33,8 @@ Component({
       };
     }
     this.setData({
-      mmm: Math.ceil(app.globalData.footerVal.componentData.list.length / 2 - 1)
+      mmm: Math.ceil(app.globalData.footerVal.componentData.list.length / 2 - 1),
+      selected:this.data.active
     });
   },
   attached() {