uniapp WebView 设置高度

<template>
	<view class="web-view-box">
		<view>
			<web-view :src="webUrl" :webview-styles="{top: webWTop,height: webWHeight}"></web-view>
		</view>
	</view>
</template>

<script>
	let windowHeight = uni.getSystemInfoSync().windowHeight;
	let statusBarHeight = uni.getSystemInfoSync().statusBarHeight;
	let top = statusBarHeight + uni.upx2px(88);// 根据自身情况 计算。uni.upx2px(88) 是标题栏高度
	let height = windowHeight - uni.upx2px(115);// 根据自身情况 计算。uni.upx2px(115) 是底部导航栏高度
	export default {
		data() {
			return {
				webUrl: '',
				title: '标题',
				name: '',
				webWTop: 0,//底部导航切换TabBar页面，沉浸式状态栏，没有标题栏，所示为0.
				webWHeight: height,
			}
		},
		methods: {
			goBack() {
				uni.navigateBack({
					delta: 1,
					options: {
						data: 1
					}
				});
			},
			// 清理缓存
			clearCache() {
				let that = this;
				let os = plus.os.name;
				if (os == 'Android') {
					let main = plus.android.runtimeMainActivity();
					let sdRoot = main.getCacheDir();
					let files = plus.android.invoke(sdRoot, "listFiles");
					let len = files.length;
					console.log('files: ', files);
					for (let i = 0; i < len; i++) {
						let filePath = '' + files[i]; // 没有找到合适的方法获取路径，这样写可以转成文件路径  
						plus.io.resolveLocalFileSystemURL(filePath, function(entry) {
							if (entry.isDirectory) {
								entry.removeRecursively(function(entry) { //递归删除其下的所有文件及子目录  
									console.log('清理缓存目录: ', '成功');
								}, function(e) {
									console.log(e.message)
								});
							} else {
								entry.remove();
								console.log('清理缓存文件: ', '成功');
							}
						}, function(e) {
							console.log('文件路径读取失败')
						});
					}
				} else {
					// ios  
					plus.cache.clear(function() {});
				}
			},
			queryAll() {
				this.clearCache();
				this.webUrl = `https://www.baidu.com`;
				console.log('this.webUrl: ', this.webUrl);
			},
		},
	}
</script>

<style scoped lang="less">
	.web-view-box {
		width: 100%;
		background-color: #fff;
	}
</style>