fix: WebView 传入 statusBarHeight 并设置刘海区背景色

愈心魔方页全屏 web-view,URL 带 sbh 参数;页面背景与 H5 暖色对齐。
This commit is contained in:
jackyu66git
2026-08-25 01:18:19 +08:00
parent ae08c633ab
commit b74fd9caf5
3 changed files with 19 additions and 5 deletions
+3 -1
View File
@@ -10,7 +10,9 @@
"path": "pages/yxg-magic/index",
"style": {
"navigationBarTitleText": "",
"navigationStyle": "custom"
"navigationStyle": "custom",
"backgroundColor": "#ffd1c7",
"backgroundColorTop": "#ffd1c7"
}
},
{
+15 -3
View File
@@ -1,9 +1,21 @@
<template>
<web-view :src="h5Url"></web-view>
<web-view class="yxg-webview" :src="h5Url"></web-view>
</template>
<script setup>
import { YXG_H5_HOME_URL } from '@/util/yxgConfig.js'
import { computed } from 'vue'
import { YXG_H5_BASE, YXG_H5_VERSION } from '@/util/yxgConfig.js'
const h5Url = YXG_H5_HOME_URL
const sys = uni.getSystemInfoSync()
const sbh = sys.statusBarHeight || 0
const h5Url = computed(
() => `${YXG_H5_BASE}?mp=1&v=${YXG_H5_VERSION}&sbh=${sbh}`,
)
</script>
<style scoped>
.yxg-webview {
width: 100%;
height: 100vh;
}
</style>
+1 -1
View File
@@ -1,4 +1,4 @@
/** 愈心魔方 H5digital-psychology user-h5 */
export const YXG_H5_VERSION = '20260825'
export const YXG_H5_VERSION = '202608252'
export const YXG_H5_BASE = 'https://h5.yuxingu.com.cn/psy/'
export const YXG_H5_HOME_URL = `${YXG_H5_BASE}?mp=1&v=${YXG_H5_VERSION}`