1.diy---置顶开发

components/diy/footer.vue

@@ -116,6 +116,7 @@
         /* #endif */
         margin: 0 auto;
         background-color: transparent;
+        z-index: 102;
         .footer-nav-content {
             min-height: 140rpx;
             box-sizing: border-box;

components/diy/modules/tabs-view.vue

@@ -1,6 +1,6 @@
 <template>
     <!-- 文章列表 -->
-    <view class="container" :class="propIsTop ? 'ps z-i-deep-must bg-white' : ''" :style="'top:' + propTop + 'px;'">
+    <view class="container" :class="propIsTop ? 'tabs-top' : ''" :style="'top:' + propTop + 'px;'">
         <view class="flex-row gap-10 jc-sb align-c">
             <view class="tabs flex-1 flex-width">
                 <scroll-view :scroll-x="true" :show-scrollbar="false" :scroll-with-animation="true" :scroll-into-view="'one-nav-item-' + active_index" class="wh-auto">
@@ -189,6 +189,11 @@
     };
 </script>
 <style lang="scss" scoped>
+    .tabs-top {
+        position: sticky;
+        z-index: 101;
+        background-color: #fff;
+    }
     .tabs {
         .item {
             padding: 0 0 10rpx 0;

components/diy/tabs.vue

@@ -1,7 +1,7 @@
 <template>
     <!-- 选项卡 -->
     <view class="pr">
-        <view v-if="top_up == '1'" class="pf z-i-deep-must left-0 right-0 top-0">
+        <view v-if="top_up == '1'" class="tabs-top">
             <view class="seize-seat" :style="tabs_top"></view>
             <view :style="style_container">
                 <componentDiyModulesTabsView :propValue="tabs_data" isTabs @tabs-click="tabs_click_event"></componentDiyModulesTabsView>
@@ -106,4 +106,11 @@
     .vs-hide {
         visibility: hidden;
     }
+    .tabs-top {
+        position: fixed;
+        z-index: 101;
+        left: 0;
+        right: 0;
+        top: 0;
+    }
 </style>