panhui 3 år sedan
förälder
incheckning
ab478d2158
1 ändrade filer med 10 tillägg och 4 borttagningar
  1. 10 4
      src/views/Discover.vue

+ 10 - 4
src/views/Discover.vue

@@ -10,14 +10,14 @@
         @refresh="onRefresh"
     > -->
     <div ref="container">
-        <van-sticky :offset-top="safeTop">
+        <div class="sticky" offset-top="safeTop" style="top: 0">
             <div class="search_con">
                 <div class="search" @click="$router.push('/productSearch')">
                     <img src="@assets/search-con@3x.png" alt="" class="search_img" />
                     <span class="search_text">搜索你想要的</span>
                 </div>
             </div>
-        </van-sticky>
+        </div>
         <!-- 商品展示 -->
         <div class="commodity_display">
             <swiper
@@ -57,7 +57,7 @@
             <div>左 滑 更 多</div>
         </div> -->
         </div>
-        <van-sticky :offset-top="safeTop + 67">
+        <div class="sticky" style="top: 67px">
             <van-tabs
                 v-model:active="sort"
                 :ellipsis="false"
@@ -98,7 +98,7 @@
                     </template> -->
                 </van-tab>
             </van-tabs>
-        </van-sticky>
+        </div>
         <!-- <van-swipe :loop="false" :width="94" :height="90" :show-indicators="false">
                 <van-swipe-item v-for="(item, index) in commodityDisplayList" :key="index">
                     <van-image width="94px" height="90px" :src="getImg(item.pic)" fit="cover" />
@@ -795,4 +795,10 @@ export default {
 //         }
 //     }
 // }
+
+.sticky {
+    position: sticky;
+    z-index: 20;
+    background: #191d27;
+}
 </style>