fix: WebView 传入 statusBarHeight 并设置刘海区背景色
愈心魔方页全屏 web-view,URL 带 sbh 参数;页面背景与 H5 暖色对齐。
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user