From b26a90c3380dd82778a6748c17d2ab67c7065b82 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BA=8E=E8=82=96=E7=A3=8A?= <18851179580@163.com>
Date: Wed, 16 Apr 2025 15:30:02 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E6=BB=9A=E5=8A=A8=E6=9D=A1?=
 =?UTF-8?q?=E6=98=BE=E7=A4=BA=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../diy/components/diy/modules/tabs-view.vue  | 25 ++++++++++++++++---
 1 file changed, 22 insertions(+), 3 deletions(-)

diff --git a/pages/diy/components/diy/modules/tabs-view.vue b/pages/diy/components/diy/modules/tabs-view.vue
index 59da3458..2d72b3eb 100644
--- a/pages/diy/components/diy/modules/tabs-view.vue
+++ b/pages/diy/components/diy/modules/tabs-view.vue
@@ -1,6 +1,6 @@
 <template>
     <!--  66rpx是自定义顶部导航栏的高度-->
-    <view class="tabs-view" :style="tabs_sticky">
+    <view :class="'tabs-view ' + tabs_roll" :style="tabs_sticky">
         <view class="tabs-view" :style="propStyle + propTabsBackground">
             <view class="pr" :style="propsTabsContainer">
                 <view v-if="propIsRotatingBackground" class="pa top-0 wh-auto ht-auto" :style="propBgImgStyle"></view>
@@ -196,6 +196,7 @@
                 tabs_adorn_img_style: '',
                 tabs_width: 0,
                 tabs_scroll_width: 0,
+                tabs_roll: '',
                 // #ifdef MP
                 sticky_top: bar_height,
                 // #endif
@@ -303,8 +304,18 @@
                 // 选项卡高度 五个值，作为判断依据，因为图片没有未选中的大小设置，所以高度判断的时候只取选中的高度, 其余的icon和标题都分别取选中和未选中的大小对比，取出最大的值，作为选项卡的高度，避免选项卡切换时会出现抖动问题
                 const height = Math.max(tabs_size_checked + default_height, tabs_size, icon_height, is_img > -1 ? (tabs_img_height + default_height) : '');
                 const findIndex = new_content_tabs_list.findIndex(item => item.is_sliding_fixed == '1');
+                let roll = '';
+                // #ifdef H5
+                let systemInfo = uni.getSystemInfoSync();
+                if(/(iPhone|iPod|Android|ios|iPad)/i.test(systemInfo.platform)) {
+                    roll = 'tabs_phone';
+                } else {
+                    roll = 'tabs_pc';
+                }
+                // #endif
                 // 参数设置
                 this.setData({
+                    tabs_roll: roll,
                     form: new_content,
                     tabs_list_is_sliding_fixed: findIndex == -1,
                     newPropTop: `calc(${ this.sticky_top * 2}rpx);`,
@@ -591,8 +602,16 @@
         margin: auto;
     }
     
-    /* #ifdef WEB */
-    .tabs-view {
+    /* #ifdef H5 */
+    .tabs_phone {
+        ::v-deep ::-webkit-scrollbar
+        {
+            width: 0rpx!important;
+            height: 0rpx!important;
+            background-color: #F5F5F5;
+        }
+    }
+    .tabs_pc {
         ::v-deep ::-webkit-scrollbar
         {
             width: 5rpx!important;