From 0bd3aadb29b9d3017eb44ca6d4dd2826d6816621 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BA=8E=E8=82=96=E7=A3=8A?= <18851179580@163.com>
Date: Fri, 11 Apr 2025 16:08:59 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9h5=E6=BB=9A=E5=8A=A8=E6=9D=A1?=
 =?UTF-8?q?=E5=A4=A7=E5=B0=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../diy/components/diy/modules/tabs-view.vue  | 24 +++++++++++++++++++
 pages/diy/diy.vue                             |  5 ----
 2 files changed, 24 insertions(+), 5 deletions(-)

diff --git a/pages/diy/components/diy/modules/tabs-view.vue b/pages/diy/components/diy/modules/tabs-view.vue
index 46bf9982..59da3458 100644
--- a/pages/diy/components/diy/modules/tabs-view.vue
+++ b/pages/diy/components/diy/modules/tabs-view.vue
@@ -590,4 +590,28 @@
     .ma-auto {
         margin: auto;
     }
+    
+    /* #ifdef WEB */
+    .tabs-view {
+        ::v-deep ::-webkit-scrollbar
+        {
+            width: 5rpx!important;
+            height: 5rpx!important;
+            background-color: #F5F5F5;
+        }
+            
+        /*定义滚动条轨道 内阴影+圆角*/
+        ::v-deep ::-webkit-scrollbar-track {
+            border-radius: 5rpx;
+            background-color: #fff;
+        }
+            
+        /*定义滑块 内阴影+圆角*/
+        ::v-deep ::-webkit-scrollbar-thumb{
+            border-radius: 5rpx;
+            -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
+            background-color: #f7f7f7;
+        }
+    }
+    /* #endif */
 </style>
diff --git a/pages/diy/diy.vue b/pages/diy/diy.vue
index 473c4a04..3d7d5617 100644
--- a/pages/diy/diy.vue
+++ b/pages/diy/diy.vue
@@ -200,9 +200,4 @@
     };
 </script>
 <style scoped lang="scss">
-// ::v-deep ::-webkit-scrollbar {
-//     /* 滚动条整体样式 */  
-//     display: block !important;  
-//     width: 4rpx;
-// }
 </style>