对接一键开门 修改首页引导页自适应样式

wuye-manager-uniapp/pageSubPack/oneClickOpen/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" />
@@ -59,6 +59,7 @@ import { getOpenDoorList, switchOpenDoor } from '../../api/api.js'
 // 响应式数据：选中的门索引、开门成功提示
 const selectedDoor = ref(-1) // -1表示未选中
 const showSuccess = ref(false)
+const statusBarHeight = ref(uni.getSystemInfoSync().statusBarHeight || 0)
 
 // 门列表数据
 const doorList = ref([])
@@ -130,8 +131,10 @@ const openDoor = () => {
   box-sizing: border-box;
 }
   .status_bar {
-	height: 32px;
+	/* height: 32px; */
 	width: 100%;
+  /* height: var(--status-bar-height); */
+  flex-shrink: 0;
  }
 /* 顶部标题 */
 .top-bar {