将tabbar下面组件换成可通用

zhiyangdu
1 parent b61226c5
Showing 1 changed file with 8 additions and 7 deletions
src/components/tabBox/tabBox.vue
@@ -3,7 +3,6 @@
       <!-- 主内容区域 -->
       <van-tabs @change="onChange" swipeable v-model="active" ellipsis swipe-threshold="3">
           <van-tab v-for="(item,index) in tabbar" :key="index" :title="item.title">
-
           </van-tab>
           <div class="tabBox_main"  ref="tabsSwiperBox">
               <div class="tabbar" v-for="(item, index) in tabbaromponents&&tabbaromponents.ads" :key="index">
@@ -72,7 +71,7 @@
     name: 'name',
     data () {
       return {
-          active: 1,
+          active: 0,
           tabbaromponents: null, // 组件库
           commoditys: {               // 全部推荐
               list: []
@@ -98,8 +97,8 @@
     },
     created(){
          // 初始化的时选中关爱屋
-        if(this.tabbar&&this.tabbar[1]&&this.tabbar[1].ads){
-             this.tabbaromponents = this.tabbar[1]
+        if(this.tabbar&&this.tabbar[0]&&this.tabbar[0].ads){
+             this.tabbaromponents = this.tabbar[0]
         }
         // 获取爱心屋全部商品数据
        this.shopRecommendGoods(this.paging.commodity.page)
@@ -143,8 +142,9 @@
          * @param {int} page [页码]
          */
         shopRecommendGoods(page) {
-            // 判断必要参数
-            if (this.tabbar&&this.tabbar[2]&&this.tabbar[2].shop_id) {
+            for (let i = 0; i < this.tabbar.length; i++) {
+              // 判断必要参数
+            if (this.tabbar[i].ads[0].style==15) {
  
                 // 加载中
                 this.$set(this.paging.commodity, "loading", true);
@@ -154,12 +154,13 @@
  
                 // 请求接口
                 this.http("/Api/" + (this.getApiVersion().index) + "/shopGoodsList", {
-                    shopId: this.tabbar[2].shop_id,
+                    shopId: this.tabbar[i].shop_id,
                     page: page
                 }, this.shopRecommendGoodsCallback, {
                     method: "POST"
                 });
             }
+            }
         },
  
         /**