对接支付宝小程序

pages/index/index.vue

@@ -1,8 +1,10 @@
 <template>
 	<view>
 		<view class="container" :class="[themeConfigData.layout]">
-			<status-bar-height></status-bar-height>
 			<view class="page-bg2" v-if="themeConfigData.layout == 'layout3'">
+				<view class="status" style="background-color: #fb1723">
+					<status-bar-height></status-bar-height>
+				</view>
 				<image class="img" :src="themeConfigData.layoutData.search.backgroundImage" mode="widthFix"></image>
 				<view class="page-tab">
 					<view class="item active">
@@ -548,6 +550,7 @@
 					url: app.globalData.get_request_url('pageConfigCurrent', 'common'),
 					method: 'GET',
 					success: (res) => {
+						console.log('getThemeConfig.res===', res);
 						console.log('getThemeConfig===', JSON.parse(res.data.data.json_data));
 						if (res.data.code == 0) {
 							this.themeConfigData = JSON.parse(res.data.data.json_data);
@@ -983,6 +986,9 @@
 	.container {
 		&.layout3 {
 			padding-top: 174upx;
+			/* #ifdef MP-ALIPAY */
+			padding-top: 254upx;
+			/* #endif */
 		}
 	}
 	.layout3-category {
@@ -1118,9 +1124,14 @@
 			.page-tab {
 				width: 100%;
 				position: absolute;
+				left: 0;
 				top: 0;
+				/* #ifdef MP-ALIPAY */
+				top: calc(var(--status-bar-height) + 40upx);
+				left: 50upx;
+				/* #endif */
 				display: flex;
-				padding: 0 29upx;
+				padding: 0 30upx;
 				.item {
 					display: flex;
 					align-items: center;