JiangxiMiniProgram/pages/indexEntry/webView/webView.vue

<template>
	<view>
		<topNavbar title="学员报名"></topNavbar>
		<!-- <web-view :webview-styles="webviewStyles" src="http://192.168.1.44:92/question/?uniItem=%7B%22phone%22%3A%2218267103167%22%2C%22cityCode%22%3A%223311%22%2C%22isUni%22%3A1%7D"></web-view> -->
		<web-view :webview-styles="webviewStyles"  class="custom-webview" :src="link" :update-title="true"></web-view>
		<!-- <iframe src="https://your-h5-url.com" frameborder="0"></iframe> -->
	</view>
</template>

<script>
	export default {
		data() {
			return {
				webviewStyles: {
					progress: {
						color: '#FF3333'
					},
					 width: '100vw', // 设置 WebView 宽度为100%，占满整个屏幕宽度
					 height: '100vh', // 设置 WebView 高度为100vh，占满整个屏幕高度
				},
				link: ''
			}
		},
		onLoad() {
			this.link = this.$store.state.webViewUrl
			console.log('噜噜哇'+ this.$store.state.webViewUrl)
			// http://192.168.1.44:92/question/?uniItem=%7B%22phone%22%3A%2218267103167%22%2C%22cityCode%22%3A%223311%22%2C%22isUni%22%3A1%7D
			// uni.hideNavigationBarLoading()
		},
		// onReady() {
		//   uni.hideNavigationBarLoading();
		// }
	}
</script>

<style>
.custom-webview::after {
  content: none !important; /* 隐藏返回按钮 */
}
.iframe {
	display: block;
	width: 100vw;
	height: 100vh;
}
</style>