gdpao

pageC/merchant/index.vue

@@ -16,7 +16,7 @@
 		</view> -->
 		<view class="top" :style="{'background':'url(' + info.store_banner + ') 100% 100% no-repeat' }">
 			<view class="mantle"></view>
-			<view class="main-container">
+			<view class="main-container" :style="{ 'padding-top': paddingTop }">
 				<image :src="info.store_avatar"></image>
 				<view class="info">
 					<view class="name u-line-1">{{info.store_name}}</view>
@@ -93,6 +93,7 @@ export default {
 			info: {},
 			page: 1,
 			scrollHeiht: '',
+            paddingTop: 0,
 		}
 	},
 	components:{
@@ -212,6 +213,8 @@ export default {
 		setViewHeight() {
 			const res = uni.getSystemInfoSync();
 			this.scrollHeiht = res.windowHeight - (73 + 20 + 170) + 'px';
+            this.paddingTop = res.windowWidth / 750 * (90 + 50) + 'px';
+            console.log(this.paddingTop);
 		}
 	},
 	onLoad(option){
@@ -250,7 +253,8 @@ export default {
 		.main-container {
 			display: flex;
 			align-items: center;
-			padding: 54rpx 60rpx 0 30rpx;
+            // padding-top: calc(var(--status-bar-height) + 54);
+			padding: 0 60rpx 0 30rpx;
 			position: absolute;
 			top: 0;
 			left: 0;