优化商品分类&添加自定义底部导航

后端研发-倪永富
1 parent 00c38f4a
Showing 9 changed files with 154 additions and 35 deletions
app.js
pages/cart/cart/cart.js
pages/cart/cart/cart.wxml
pages/goods/categoryList/categoryList.js
pages/goods/categoryList/categoryList.wxml
pages/index/index/index.js
pages/index/index/index.wxml
pages/user/index/index.js
pages/user/index/index.wxml
@@ -5,29 +5,86 @@ var api = require(&quot;./api/api.js&quot;)
  
 //公共方法和变量
 App({
-    globalData: {
-        setting: t,
-        wechatUser: null,
-        userInfo: null,
-        config: null,   //门店参数
-        config2: null,  //门店配置
-        code: null,
-        heigth:0,
-        user_id:null,// 3674923,// 4379287,//  null,// 5682068,
-        buy_now:null,
-        picklist:null,    //门店列表
-        wuliuprice: null, //物流价格表
-        wuliu: null,      //物流公司
-        baddr:null,
-        mobile: null,    //记录手机
-        getu:null,       //记录会员信息
-        sessionKey: null,//记录会员信息
-        openid: null,    //记录会员信息
+  editTabBar: function () {
+    //使用getCurrentPages可以获取当前加载中所有的页面对象的一个数组，数组最后一个就是当前页面。
  
-        to_group:null,      //参团传递的数据
-        wxapp_buy_obj:null, //微信小程序购买的Object
-        pk_store:null,      //选择的门店
+    var curPageArr = getCurrentPages(); //获取加载的页面
+    var curPage = curPageArr[curPageArr.length - 1]; //获取当前页面的对象
+    var pagePath = curPage.route; //当前页面url
+    if (pagePath.indexOf('/') != 0) {
+      pagePath = '/' + pagePath;
+    }
+    console.log("获取加载的页面:="+curPageArr)
+    console.log("获取当前页面的对象:="+curPage)
+    console.log("当前页面url:="+pagePath)
+    var tabBar = this.globalData.tabBar;
+    for (var i = 0; i < tabBar.list.length; i++) {
+      tabBar.list[i].active = false;
+      if (tabBar.list[i].weappurl == pagePath) {
+        tabBar.list[i].active = true; //根据页面地址设置当前页面状态    
+      }
+    }
+    curPage.setData({
+      tabBar: tabBar
+    });
+  },
+
+  globalData: {
+    tabBar: {
+      "color": "#6e6d6b",//文字未选择color
+      "selectedColor": "#f23030",//文字被选择后color
+      "borderStyle": "white",//
+      "backgroundColor": "#ffffff",//背景color
+      "list": [
+        {
+          "weappurl": "/pages/index/index/index",
+          "nav_name": "首页",
+          "src": "/images/bar/index.png",
+          "src_sele": "/images/bar/index_on.png"
+        },
+        {
+          "weappurl": "/pages/goods/categoryList/categoryList",
+          "nav_name": "分类",
+          "src": "/images/bar/fl.png",
+          "src_sele": "/images/bar/fl_on.png"
+        },
+        {
+          "weappurl": "/pages/cart/cart/cart",
+          "nav_name": "购物车",
+          "src": "/images/bar/car.png",
+          "src_sele": "/images/bar/car_on.png"
+        },
+        {
+          "weappurl": "/pages/user/index/index",
+          "nav_name": "我的",
+          "src": "/images/bar/user.png",
+          "src_sele": "/images/bar/user_on.png"
+        }
+      ]
     },
+      isTabBar:false,
+      setting: t,
+      wechatUser: null,
+      userInfo: null,
+      config: null,   //门店参数
+      config2: null,  //门店配置
+      code: null,
+      heigth:0,
+      user_id:null,// 3674923,// 4379287,//  null,// 5682068,
+      buy_now:null,
+      picklist:null,    //门店列表
+      wuliuprice: null, //物流价格表
+      wuliu: null,      //物流公司
+      baddr:null,
+      mobile: null,    //记录手机
+      getu:null,       //记录会员信息
+      sessionKey: null,//记录会员信息
+      openid: null,    //记录会员信息
+
+      to_group:null,      //参团传递的数据
+      wxapp_buy_obj:null, //微信小程序购买的Object
+      pk_store:null,      //选择的门店
+  },
     auth: o,
     request: a,
     onLaunch: function() {
@@ -55,6 +55,11 @@ Page({
   },
   onShow: function() {
     var th = this;
+    th.setData({
+      isTabBar:  getApp().globalData.isTabBar,
+    });
+    
+    t.editTabBar();    //显示自定义的底部导航
     this.getCardList();
     if(getApp().globalData.user_id)  getApp().requestCardNum();
     //--获取是否又秒杀活动--
@@ -73,6 +78,7 @@ Page({
         })
       }
     });
+    isTabBar
  
   },
  
@@ -147,7 +147,7 @@
 </view>
  
 <!-- 好物推荐 -->
-<view class="title" style="margin-top: 60rpx" wx:if="{{(!requestData|| requestData.length==0) && is_load}}">
+<view class="title" style="margin-top: 60rpx; margin-bottom:{{isTabBar == true ? '50px' : '0'}}" wx:if="{{(!requestData|| requestData.length==0) && is_load}}">
   <!-- 标题 -->
   <view>
     <!-- 中文名标题 -->
@@ -182,4 +182,8 @@
  
  
  
-<warn id="warn"></warn>
 \ No newline at end of file
+<warn id="warn"></warn>
+<view wx:if="{{isTabBar == true}}">
+  <import src="../../tabbar/tabbar.wxml" />
+  <template is="tabBar" data="{{tabBar}}" />
+</view>
 \ No newline at end of file
@@ -68,6 +68,8 @@ Page({
     },
     onLoad: function(tt) { 
       var that = this;
+      that.get_brand();
+
       clearInterval(that.data.timer);
       that.setData({ countDownNum: 3, stylePage: 1 });
  
@@ -151,6 +153,10 @@ Page({
  
     onShow:function(){
       var that=this;
+      that.setData({
+        isTabBar:  getApp().globalData.isTabBar,
+      });
+      t.editTabBar();    //显示自定义的底部导航
       //this.requestFirstCategoris();
       if(getApp().globalData.user_id)  getApp().requestCardNum();
       getApp().getConfig2(function (e) {
@@ -288,7 +288,7 @@
           <view class="flex project_height" style="margin-left:-10rpx;">
             <!-- 分类项目的类型 -->
             <view class="project_type" style="height:88%;overflow-y:auto;position:fixed;left:0;z-index:999999;top:120rpx;">
-              <view class="project_type-frame">
+              <view class="project_type-frame" style="margin-bottom:50px;">
                 <view wx:if="{{is_show_gb}}">
                   <view  bindtap="click_classify"  class="share_type fs30 flex-space-between xc-letter-spacing {{select_classify_on==223?'select_classify':''}}"data-index="223"data-name="国家" wx:if="{{is_country}}">
                     <text>国</text><text>家</text>
@@ -316,7 +316,7 @@
               </view>
             </view>
             <!-- 分类项目的内容 -->
-            <view class="classify_content" style="margin-left:26%;margin-top:51px">
+            <view class="classify_content" style="margin-left:26%;margin-top:60px">
         <!-- 国家的样式 -->
         <block wx:if="{{select_classify_on==223&&is_show_gb}}">
         <view class="classify_name fs28 flex-space-between">
@@ -365,7 +365,7 @@
         <block  wx:if="{{is_show_pl}}">
           <block wx:if="{{select_classify_on!=220&&select_classify_on!=223&&is_level_three!=1}}">
               <view style="width:100%;height:100%;">
-                <view class="classify_name fs28 flex-space-between" id="header" data-pid="0" data-cid="{{cat_id}}" bindtap='select_more' style="position:fixed;z-index:999999;top:120rpx;width:70%;background-color:#ffffff;left:26%;padding:0 10rpx;">
+                <view class="classify_name fs28 flex-space-between" id="header" data-pid="0" data-cid="{{cat_id}}" bindtap='select_more' style="position:fixed;z-index:999999;top:65px;width:70%;background-color:#ffffff;left:26%;padding:0 10rpx;">
                   <view class="classify_title ellipsis-1">{{classify_name}}</view>
                   <view class="flex select_more" >
                     <view class="red-co fs24" >更多</view>
@@ -376,13 +376,13 @@
                 <!-- <view class="classify_content-frame flex-wrap" style="width:100%;overflow:hidden;heigth:100%;"> -->
  
                <!-- <view class="null" style="width:100%;margin-top:70rpx;"></view> -->
-                <scroll-view scroll-y scroll-top="{{scrollTop}}" bindscrolltolower='scrollLower' style="height:{{windowHeight}};position:absolute;margin-top:70rpx;top:120rpx;bottom:0;rigth:0;left:26%;width:73%;">
+                <scroll-view scroll-y scroll-top="{{scrollTop}}" bindscrolltolower='scrollLower' style="height:{{windowHeight}};position:absolute;margin-top:70rpx;top:120rpx;bottom:0;rigth:0;left:26%;width:73%;margin-bottom:50px;">
                 <view class="null" style="width:100%;height:1px;"></view>
                 <!-- goodslist -->
                     <view class="choice_list" style="height:{{msgStatus != true?'100%':''}}">
                       <navigator class="choice_item" style="margin-bottom:{{dataLength -1 == index?'100px':'0'}}" url="/pages/goods/goodsInfo/goodsInfo?goods_id={{item.goods_id}}" wx:for="{{requestData}}" data-id="{{index}}" wx:key="{{index}}">
                         <view class="img-wrap">
-                          <image src="{{item.original_img}}" binderror="bind_bnerr2" data-url="{{url+item.original_img}}" lazy-load="true" data-errorimg="requestData[{{index}}].original_img"></image>
+                          <image src="{{url+item.original_img}}" binderror="bind_bnerr2" data-url="{{url+item.original_img}}" lazy-load="true" data-errorimg="requestData[{{index}}].original_img"></image>
                         </view>
                         <view class="item-cont">
                           <view class="title">{{item.goods_name}}</view>
@@ -486,4 +486,8 @@
         </view>
     </block>
  
-</block>
 \ No newline at end of file
+</block>
+<view wx:if="{{isTabBar == true}}">
+  <import src="../../tabbar/tabbar.wxml" />
+  <template is="tabBar" data="{{tabBar}}" />
+</view>
 \ No newline at end of file
@@ -77,7 +77,7 @@ Page({
  
   onLoad: function() {
     var th = this;
-
+    
     //看一下商家是否开通了权益
     //--初始化是否有打勾--
     getApp().request.promiseGet("/api/weshop/users/grade/vip/init/get", {
@@ -104,7 +104,37 @@ Page({
   },
   async onShow() {
     var th = this;
-  
+    //获取底部导航
+    await getApp().request.promiseGet("/api/weshop/storeFooter/get/"+o.stoid, {
+      
+    }).then(res => {
+      var e = res;
+      console.log(e)
+      if(e.data.code != -1){
+        getApp().globalData.isTabBar = true
+        //console.log(JSON.parse(e))
+        var itemList = e.data.data.data;
+        
+        itemList = JSON.parse(itemList)
+        for(var i=0; i<itemList.length; i++){
+          itemList[i]['active'] = false
+        }
+        console.log(itemList)
+        getApp().globalData.tabBar.backgroundColor = e.data.data.bkcolor
+        getApp().globalData.tabBar.selectedColor = e.data.data.fontcolor_sele
+        getApp().globalData.tabBar.color = e.data.data.fontcolor
+        getApp().globalData.tabBar.list = itemList
+        wx.hideTabBar({})
+      }else{
+        getApp().globalData.isTabBar = true
+      }
+      th.setData({
+        isTabBar:  getApp().globalData.isTabBar,
+      }); 
+    })
+    console.log("isTabBar:="+getApp().globalData.isTabBar)
+    t.editTabBar();    //显示自定义的底部导航
+    
     if (getApp().globalData.user_id) getApp().requestCardNum();
     await this.init_load();
     //显示的时候要开启计时器
@@ -246,7 +246,7 @@
   </view>
  
   <!-- 好物推荐 -->
-  <view class="title">
+  <view class="title" style="margin-bottom:{{isTabBar == true ? '50px' : '0'}}">
     <!-- 标题 -->
     <view>
       <!-- 中文名标题 -->
@@ -359,7 +359,9 @@
     </view>
   </view>
 </block>
-
-
+<!-- <view wx:if="{{isTabBar == true}}"> -->
+  <import src="../../tabbar/tabbar.wxml" />
+  <template is="tabBar" data="{{tabBar}}" />
+<!-- </view> -->
  
  
@@ -78,12 +78,18 @@ Page({
   onShow: function() {
  
     this.is_assistance();
+  
  
     var stoid = app_d.setting.stoid;
     var s = this,
       th = s,
       need_money = 0,
       cur_g_num = 0;
+      th.setData({
+        isTabBar:  getApp().globalData.isTabBar,
+      });
+      
+      app.editTabBar();    //显示自定义的底部导航
     getApp().get_isbuy(th.setappdata);
     if (getApp().globalData.user_id) getApp().requestCardNum();
     /*------会员登录------*/
-<view class="xc-page">
+<view class="xc-page" style="margin-bottom:{{isTabBar == true ? '50px' : '0'}}">
   <view class="xc-user">
     <view class="xc-head rel">
       <image class="xc-background" src="{{iurl}}{{ad_img?ad_img:'/miniapp/images/user_index_powder.jpg'}}">
@@ -297,3 +297,7 @@
 </view>
  
 <pop_txt id="pop_txt"></pop_txt>
+<view wx:if="{{isTabBar == true}}">
+  <import src="../../tabbar/tabbar.wxml" />
+  <template is="tabBar" data="{{tabBar}}" />
+</view>
 \ No newline at end of file