修复沉浸问题

src/App.vue

@@ -62,6 +62,8 @@ export default {
 }
 // 沉浸样式
 .immerse-image {
+    position: absolute;
+    top: 0;
     width: 100%;
     line-height: 0;
     .image {
@@ -70,8 +72,7 @@ export default {
     }
 }
 .immerse-main {
-    position: absolute;
+    position: relative;
-    top: 0;
     width: 100%;
     box-sizing: border-box;
     .head-title {

src/components/layout/layout.vue

@@ -1,5 +1,5 @@
 <template>
-    <view class="page-layout" :style="{ backgroundColor: backgroundColor, minHeight: minHeight, paddingBottom: layoutPb + 'px' }">
+    <view class="page-layout" :style="{ backgroundColor: backgroundColor, minHeight: minHeight }">
         <view
             class="page-header"
             :class="[textColor]"
@@ -75,10 +75,6 @@ export default {
             type: String,
             default: "dark",
         },
-        layoutPb: {
-            type: Number,
-            default: 0,
-        },
         hasPaddingTop: {
             type: Boolean,
             default: true,

src/pages/auth/auth.vue

@@ -4,7 +4,7 @@
             <view class="immerse-image">
                 <image class="image" :src="backgroundImage" mode="aspectFill" />
             </view>
-            <view class="immerse-main" :style="{ top: safePt + utils.rpx2px(20) + 'px' }">
+            <view class="immerse-main" :style="{ paddingTop: safePt + utils.rpx2px(20) + 'px' }">
                 <view class="head-title">
                     <text class="title">熊熊建材安装<text class="color">师傅版</text></text>
                     <text class="desc">将好师傅交给用户让好服务走进万家 </text>
@@ -168,7 +168,9 @@ export default {
 .auth-container {
     position: relative;
     width: 100%;
-    padding-bottom: 30rpx;
+}
+.immerse-main {
+    padding-bottom: 20rpx;
 }
 .section {
     width: 710rpx;

src/pages/index/index.vue

@@ -4,7 +4,7 @@
             <view class="immerse-image">
                 <image class="image" :src="backgroundImage" mode="aspectFill" />
             </view>
-            <view class="immerse-main" :style="{ top: safePt + utils.rpx2px(20) + 'px' }">
+            <view class="immerse-main" :style="{ paddingTop: safePt + utils.rpx2px(20) + 'px' }">
                 <view class="head-title">
                     <text class="title">熊熊建材安装<text class="color">师傅版</text></text>
                     <text class="desc">将好师傅交给用户让好服务走进万家 </text>

src/pages/member/member.vue

@@ -1,10 +1,10 @@
 <template>
-    <app-layout v-model="safePt" btnType="unset" headerBackgroundColor="unset" :hasPaddingTop="false" :layoutPb="utils.rpx2px(40)">
+    <app-layout v-model="safePt" btnType="unset" headerBackgroundColor="unset" :hasPaddingTop="false">
         <view class="member-container">
             <view class="immerse-image">
                 <image class="image" :src="backgroundImage" mode="aspectFill" />
             </view>
-            <view class="immerse-main" :style="{ top: safePt + utils.rpx2px(20) + 'px' }">
+            <view class="immerse-main" :style="{ paddingTop: safePt + utils.rpx2px(20) + 'px' }">
                 <view class="head">
                     <view class="headimg">
                         <image class="image" :src="userInfo.headimg" mode="aspectFill" />
@@ -134,7 +134,7 @@ export default {
 
 <style lang="less" scoped>
 .immerse-main {
-    padding: 0 20rpx;
+    padding: 0 20rpx 20rpx;
 }
 .member-container {
     width: 100%;