middlepage

pages/middlePage/middlePage.vue

 <template>
-	<view class="third-jump-page"  @click="retryJump">
+	<view class="third-jump-page" @click="retryJump">
 		<image class="bg-img" :src="`${$baseUrl}${bgImg}`" mode="widthFix"></image>
 	</view>
 </template>
@@ -16,7 +16,7 @@ const $baseUrl = proxy.$baseUrl
 const jumpFailed = ref(false)
 const errorMessage = ref('')
 const jumpParams = ref({})
-const bgImg = ref('')
+const bgImg = ref('middlePage/middleBg.png')
 
 // const bgImgObj = {
 // 	'sy': 'thirdJumpMiddlePage/v1/syJumpPageBg.jpg'
@@ -39,15 +39,17 @@ onMounted(() => {
 		type: options.type,
 		embedded: options.embedded,
 	}
+	setTimeout(() => {
+		// 执行跳转
+		executeJump()
+	}, 30)
 
-	// 执行跳转
-	executeJump()
 })
 
 // 执行跳转
 const executeJump = () => {
 	const jumpData = {
-		type: jumpParams.value.type*1,
+		type: jumpParams.value.type * 1,
 		url: jumpParams.value.path,
 		extra: {
 			appId: jumpParams.value.appId,
@@ -70,20 +72,20 @@ const retryJump = () => {
 
 <style lang="less" scoped>
 .third-jump-page {
-	background: white;
-	display: flex;
-	align-items: center;
-	justify-content: center;
 	width: 100vw;
 	height: 100vh;
-	padding: 40rpx;
+	overflow: hidden;
+	position: absolute;
 }
 
 .bg-img {
-	width: 100%;
+	width: 750rpx;
+	height: 1624rpx;
 	position: absolute;
 	top: 0;
+	bottom: 0;
 	left: 0;
+	margin: auto;
 	z-index: 1;
 }
 </style>