From ca06132453ce4cbfccee3ce018abc2f0aee30f05 Mon Sep 17 00:00:00 2001
From: sws <1141121512@qq.com>
Date: Thu, 26 Sep 2024 11:18:29 +0800
Subject: [PATCH] =?UTF-8?q?1.diy---=E7=BD=AE=E9=A1=B6=E5=BC=80=E5=8F=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/diy/footer.vue            | 1 +
 components/diy/modules/tabs-view.vue | 7 ++++++-
 components/diy/tabs.vue              | 9 ++++++++-
 3 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/components/diy/footer.vue b/components/diy/footer.vue
index b7214912..86aedd59 100644
--- a/components/diy/footer.vue
+++ b/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;
diff --git a/components/diy/modules/tabs-view.vue b/components/diy/modules/tabs-view.vue
index 7415f753..5d2996fa 100644
--- a/components/diy/modules/tabs-view.vue
+++ b/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;
diff --git a/components/diy/tabs.vue b/components/diy/tabs.vue
index 19a23e8b..81ef952c 100644
--- a/components/diy/tabs.vue
+++ b/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>