feat: 优化

pages/active/super-subsidy/super-subsidy.vue

@@ -17,29 +17,16 @@
 
         </view>
 
-        <!-- <view class="tab-view">
-            <view class="tab-list" @click="onTab(index)" v-for="(item, index) in tabList" :key="index">
-                <text class="text-28 text-space" :style="{
-                    color: curTab == index ? '#7A35F6' : '#666',
-                }">{{ item.name }}</text>
-                <view class="line" v-if="curTab == index"></view>
-            </view>
-        </view> -->
-
-        <view class="setting-view">
-            <view class="name-box">
-                <mescroll-uni ref="mescrollRef" @down="downCallback" @up="upCallback" :up="upOption" :down="downOption"
-                    @init="mescrollInit" :fixed="false">
-                    <!-- 原来单个 v-for 替换成两列 -->
-                    <view class="mescrollUniView" v-for="item in dataList" :key="item.id">
-                        <productSeckillCard :item="item" actived-type="super" />
+        <mescroll-uni ref="mescrollRef" top="660rpx" @down="downCallback" @up="upCallback" :up="upOption"
+            :down="downOption" @init="mescrollInit">
+            <view class="setting-view">
+                <view class="name-box">
+                    <view class="mescrollUniView">
+                        <productSeckillCard v-for="item in dataList" :key="item.id" :item="item" actived-type="super" />
                     </view>
-                </mescroll-uni>
+                </view>
             </view>
-        </view>
-        <!-- #ifndef H5 || MP-WEIXIN-->
-        <CustomTabBar :tabIndex="2" />
-        <!-- #endif -->
+        </mescroll-uni>
         <up-toast ref="uToastRef"></up-toast>
     </view>
 </template>
@@ -175,14 +162,18 @@ export default {
 .content-two {
     height: 100vh;
     background-color: #fff;
-    display: flex;
-    flex-direction: column;
-    overflow: hidden;
     position: relative;
+    overflow: hidden;
 }
 
 .product_info_header_warp {
-    position: relative;
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 660rpx;
+    z-index: 10;
+    background-color: #fff;
 
     .product_info_header_swiper {
         height: 660rpx !important;
@@ -305,25 +296,12 @@ export default {
 .setting-view {
     margin-top: 40rpx;
     width: 100%;
-    flex: 1;
-    min-height: 0;
-
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    overflow-y: auto;
-    padding: 0 32rpx;
+    padding: 0 32rpx 20rpx;
     box-sizing: border-box;
     position: relative;
 
-    /* #ifndef H5 || MP-WEIXIN */
-    margin-bottom: calc(100rpx + env(safe-area-inset-bottom));
-    /* #endif */
-
     .name-box {
         width: 100%;
-        flex: 1;
-        min-height: 0;
         display: flex;
         flex-direction: column;
         align-items: center;