fix: ui

src/pages/agent-system/assets/index.vue

@@ -555,8 +555,13 @@
     }
   }
 
+  const statusBarHeight = ref(0)
+
   onMounted(async () => {
-    // 1. 加载用户信息（判断是企业端还是代理端）
+    // 1. 获取状态栏高度
+    statusBarHeight.value = uni.getSystemInfoSync().statusBarHeight || 20
+
+    // 2. 加载用户信息（判断是企业端还是代理端）
     try {
       const user = await getUserInfo()
       userInfo.value = user
@@ -564,19 +569,18 @@
       console.error('获取用户信息失败:', error)
     }
 
-    // 2. 加载运营商列表
+    // 3. 加载运营商列表
     loadCarriers()
 
-    // 3. 默认加载IoT卡列表
+    // 4. 默认加载IoT卡列表
     loadCards()
   })
 </script>
 
 <template>
-  <view class="bg-page min-h-screen">
+  <view class="bg-page min-h-screen flex flex-col">
     <!-- 搜索区域 -->
-    <view class="bg-white px-4 pb-3 mb-3 fixed top-12 left-0 right-0 z-50"
+    <view class="bg-white px-4 pt-4 pb-3 mb-3">
-      style="padding-top: constant(safe-area-inset-top); padding-top: env(safe-area-inset-top);">
       <!-- 搜索框 -->
       <view class="relative flex items-center">
         <input v-model="searchKeyword"
@@ -642,7 +646,7 @@
     </view>
 
     <!-- 列表内容区域 -->
-    <view class="safe-area-bottom min-h-screen flex flex-col pt-28">
+    <view class="safe-area-bottom min-h-screen overflow-y-auto">
       <!-- 加载状态 -->
       <Skeleton v-if="loading && assetList.length === 0" type="list" />