From d7459d4f7c1808be2bd99812b4bc3577b766cc2a Mon Sep 17 00:00:00 2001
From: tianyongbao <tianyongbao@haier.com>
Date: Mon, 19 Jan 2026 20:46:55 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=B8=80=E4=B8=AA=E5=A1=98=E5=8F=A3?=
 =?UTF-8?q?=E4=B8=AD=E8=B6=85=E8=BF=875=E4=B8=AA=E8=AE=BE=E5=A4=87?=
 =?UTF-8?q?=EF=BC=8C=E5=B0=B1=E6=98=BE=E7=A4=BA=E4=B8=8D=E5=87=BA=E6=9D=A5?=
 =?UTF-8?q?,bug=E4=BF=AE=E5=A4=8D=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/other/index.vue | 31 ++++++++++++-------------------
 1 file changed, 12 insertions(+), 19 deletions(-)

diff --git a/src/components/other/index.vue b/src/components/other/index.vue
index a8b9890..d53412e 100644
--- a/src/components/other/index.vue
+++ b/src/components/other/index.vue
@@ -33,8 +33,8 @@
         </nut-col>
       </nut-row>
       <nut-row v-if="doList.length > 0" class="pondInfo_home">
-        <view class="device-tabs-wrapper">
-          <scroll-view scroll-x="true" :show-scrollbar="false" :scroll-with-animation="true">
+        <nut-col :span="24">
+          <view class="device-tabs-wrapper">
             <view class="device-tabs">
               <view
                 v-for="item in doList"
@@ -48,8 +48,8 @@
                 </view>
               </view>
             </view>
-          </scroll-view>
-        </view>
+          </view>
+        </nut-col>
         <nut-row v-for="item in doList" :key="item.id">
           <nut-col :span="24" v-if="doDev == item.id">
             <view class="view_f_between">
@@ -1972,31 +1972,24 @@ defineExpose({
   }
   .device-tabs-wrapper {
     width: 100%;
-    white-space: nowrap;
-    overflow-x: auto;
-    -webkit-overflow-scrolling: touch;
-    scrollbar-width: none;
-    -ms-overflow-style: none;
-    &::-webkit-scrollbar {
-      display: none;
-    }
+    padding: 10rpx 0;
   }
+  
   .device-tabs {
     display: flex;
-    flex-wrap: nowrap;
-    padding: 20rpx 0;
+    flex-wrap: wrap;
+    gap: 20rpx;
+    padding: 10rpx 0;
   }
   .custom-tab-item {
     padding: 10rpx 20rpx;
-    margin-right: 10rpx;
     background-color: #f5f6f7;
     border-radius: 8rpx;
     transition: all 0.3s ease;
     white-space: nowrap;
-    
-    &:last-child {
-      margin-right: 0;
-    }
+    flex-shrink: 0;
+    min-width: 120rpx;
+    text-align: center;
     
     &.tab-active {
       background-color: #ffffff;