优化首页、访客可视滚动布局

property-uniapp-project/pageSubPack/notice-list/oneClickOpen.vue

@@ -1,7 +1,7 @@
 <template>
   <!-- 页面主容器 -->
   <view class="door-open-page">
-	  <view class="status_bar"></view>
+	  <view class="status_bar" :style="{ height: statusBarHeight + 'px' }"></view>
     <!-- 顶部标题栏 -->
     <view class="top-bar">
 		  <uni-nav-bar left-icon="left"  title="远程开门" backgroundColor ="none" :border="false" @clickLeft="narBack" />
@@ -60,6 +60,7 @@ import {getAccessDevices,getAccessOpen} from '../api/api.js'
 // 响应式数据：选中的门索引、开门成功提示
 const selectedDoor = ref(-1) // -1表示未选中
 const showSuccess = ref(false)
+const statusBarHeight = ref(uni.getSystemInfoSync().statusBarHeight || 0)
 
 // 门列表数据
 const doorList = ref([])
@@ -163,7 +164,7 @@ onLoad(() =>{
   box-sizing: border-box;
 }
   .status_bar {
-	height: var(--status-bar-height);
+	/* height: var(--status-bar-height); */
 	width: 100%;
 	flex-shrink: 0;
  }