topnuomi
/
xx-worker-applets
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修复沉浸问题

This commit is contained in:
TOP糯米 2023-03-01 21:30:45 +08:00
parent 7bc02b24df
commit 8f4fab2ff4
5 changed files with 12 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/App.vue
View File

@ -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;
top: 0;
position: relative;
width: 100%;
box-sizing: border-box;
.head-title {

6
src/components/layout/layout.vue
View File

@ -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,

6
src/pages/auth/auth.vue
View File

@ -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;

2
src/pages/index/index.vue
View File

@ -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>

6
src/pages/member/member.vue
View File

@ -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%;