去除swiperExce设置容器高度

zhiyangdu
1 parent a2778c0a
Showing 1 changed file with 1 additions and 32 deletions
src/components/tabBox/tabBox.vue
@@ -5,7 +5,7 @@
           <van-tab v-for="(item,index) in tabbar" :key="index" :title="item.title">
           </van-tab>
-          <div class="tabBox_main" :style="{height: swiperExce.offsetHeight + 'px', minHeight: 'calc(100vh - ' + ($parent.$parent.top.value + 'px') + ' - 520px)'}" ref="tabsSwiperBox">
+          <div class="tabBox_main"  ref="tabsSwiperBox">
               <div class="tabbar" v-for="(item, index) in tabbaromponents.ads" :key="index">
                   <!-- 关爱屋简介 -->
                   <div class="skeleton brief" ref="brief">
@@ -58,9 +58,6 @@
           commoditys: {               // 全部推荐
               list: []
           },
-          swiperExce: {               // swiper元素高度，最小高度
-              offsetHeight: 0
-          },
           paging: {                   // 分页
               commodity: {
                   loading: true,
@@ -171,13 +168,6 @@
                     // 设置还有需要加载的内容
                     this.$set(this.paging.commodity, "loading", false);
-                    // 如果当前显示“全部商品”，设置swiper高度
-                        this.$nextTick(() => {
-                            setTimeout(() => {
-                                // 重新设置swiper高度
-                                this.$set(this.swiperExce, "offsetHeight", this.$refs.commodity[0].offsetHeight);
-                            }, 500);
-                        });
                 } else {
                     // 没有需要加载的内容，停止上拉加载
@@ -197,27 +187,6 @@
             }
         },
         /**
-         * 设置swiper高度
-         */
-        setSwiperHeight(title) {
-
-            this.$nextTick(() => {
-
-                // 设置swiper高度
-                switch (title) {
-                    case '关爱屋':
-                        this.$set(this.swiperExce, "offsetHeight", this.$refs.brief[0].offsetHeight);
-                        break;
-                    case '精品推荐':
-                        this.$set(this.swiperExce, "offsetHeight", this.$refs.boutique[0].offsetHeight);
-                        break;
-                    case '全部商品':
-                        this.$set(this.swiperExce, "offsetHeight", this.$refs.commodity[0].offsetHeight);
-                        break;
-                }
-            });
-        },
-        /**
          * 上拉加载“爱心屋项目全部商品”
          */
         loadCommodity() {