fix: 一个塘口中超过5个设备，就显示不出来,bug修复。

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">
+        <nut-col :span="24">
-          <scroll-view scroll-x="true" :show-scrollbar="false" :scroll-with-animation="true">
+          <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;
+    padding: 10rpx 0;
-    overflow-x: auto;
-    -webkit-overflow-scrolling: touch;
-    scrollbar-width: none;
-    -ms-overflow-style: none;
-    &::-webkit-scrollbar {
-      display: none;
-    }
   }
+  
   .device-tabs {
     display: flex;
-    flex-wrap: nowrap;
+    flex-wrap: wrap;
-    padding: 20rpx 0;
+    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;
-    
+    flex-shrink: 0;
-    &:last-child {
+    min-width: 120rpx;
-      margin-right: 0;
+    text-align: center;
-    }
     
     &.tab-active {
       background-color: #ffffff;