diff --git a/src/App.vue b/src/App.vue
index 5e2ffdf..08e8d42 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -45,4 +45,11 @@ scroll-view {
     text-overflow: ellipsis;
     white-space: nowrap;
 }
+
+@supports (bottom: env(safe-area-inset-bottom)) {
+    #app {
+        padding-bottom: constant(safe-area-inset-bottom);
+        padding-bottom: env(safe-area-inset-bottom);
+    }
+}
 </style>
diff --git a/src/pages/goods-details/components/details-model.vue b/src/pages/goods-details/components/details-model.vue
index ea478b7..b033cea 100644
--- a/src/pages/goods-details/components/details-model.vue
+++ b/src/pages/goods-details/components/details-model.vue
@@ -69,7 +69,7 @@
         </van-cell-group> -->
     </view>
 
-    <van-action-bar v-show="memberStore.userType === 2">
+    <van-action-bar v-show="memberStore.userType === 2" :safe-area-inset-bottom="true">
         <van-action-bar-icon icon="chat-o" text="在线聊" @click="onLineMessage" />
         <van-action-bar-icon
             icon="shop-o"
diff --git a/src/pages/lease-demand/index.vue b/src/pages/lease-demand/index.vue
index 42e6bc2..10f8e76 100644
--- a/src/pages/lease-demand/index.vue
+++ b/src/pages/lease-demand/index.vue
@@ -3,14 +3,7 @@
     <view class="h5-container lease-demand-container">
         <!-- <van-nav-bar title="需求共享大厅" /> -->
 
-        <view
-            style="
-                padding: 15px 0;
-                display: flex;
-                align-items: center;
-                justify-content: space-between;
-            "
-        >
+        <view style="padding: 15px 0; display: flex; align-items: center; justify-content: center">
             <view>
                 <!-- <van-icon name="arrow-left" @click="onClickLeft" /> -->
                 <text style="color: #000"> 需求共享大厅 </text>