优化内容

wuye-manager-uniapp/pageSubPack/oneClickOpen/oneClickOpen.vue

@@ -1,11 +1,11 @@
 <template>
   <!-- 页面主容器 -->
   <view class="door-open-page">
-	  <view class="status_bar" :style="{ height: statusBarHeight + 'px' }"></view>
+	  <!-- <view class="status_bar" :style="{ height: statusBarHeight + 'px' }"></view> -->
     <!-- 顶部标题栏 -->
-    <view class="top-bar">
+   <!-- <view class="top-bar">
 		  <uni-nav-bar left-icon="left"  title="远程开门" backgroundColor ="none" :border="false" @clickLeft="narBack" />
-    </view>
+    </view> -->
 	<view class="top-img">
 		<image src="https://wuye.ckdzkj.com/images/imgs/xuancheng-bg.png" mode="" style="width: 100%;height: 100%;"></image>
 	</view>
@@ -47,7 +47,9 @@
     </view>
 
     <!-- 确认开门按钮 -->
-    <button class="confirm-btn" @click="openDoor" :disabled="selectedDoor === -1">确认开门  </button>
+    <view class="btn-footer">
+      <button class="confirm-btn" @click="openDoor" :disabled="selectedDoor === -1">确认开门  </button>
+    </view>
   </view>
 </template>
 
@@ -138,13 +140,9 @@ function getSwitchOpen(){
   min-height: 100vh;
   padding: 30rpx 40rpx;
   box-sizing: border-box;
+  /* 为固定底部按钮预留空间 */
+  padding-bottom: calc(140rpx + env(safe-area-inset-bottom));
 }
-  .status_bar {
-	/* height: 32px; */
-	width: 100%;
-  /* height: var(--status-bar-height); */
-  flex-shrink: 0;
- }
 /* 顶部标题 */
 .top-bar {
   text-align: center;
@@ -282,6 +280,18 @@ function getSwitchOpen(){
   font-weight: 500;
 }
 
+/* 底部按钮固定栏 */
+.btn-footer {
+  position: fixed;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  padding: 20rpx 40rpx;
+  padding-bottom: calc(20rpx + env(safe-area-inset-bottom));
+  background: linear-gradient(180deg, #F6FAFF, #E2F0FF);
+  z-index: 10;
+}
+
 /* 确认按钮 */
 .confirm-btn {
   width: 100%;