uni-app 自定义webview大小

在uni-app中使用web-view 组件，默认铺满全屏并且层级高于前端组件，会遮挡页面上的其他组件。在官网中写明：

app-vue下web-view组件不支持自定义样式，默认充满屏幕不可控制大小；

nvue web-view 必须指定样式宽高

具体示例：

代码：

直接在UI上使用webview组件，也是默认全屏，需要动态加载。

先新建一个component.nvue文件：

<template>
	<div>
		<view class="intro">本项目已包含uni ui组件，无需import和注册，可直接使用。</view>
		<!-- <web-view :src="url" class="webviewStyles"></web-view> -->
	</div>
</template>

<script>
	var wv;
	export default {
		data() {
			return {
				url: 'https://img.cdn.aliyun.dcloud.net.cn/guide/uniapp/%E7%AC%AC1%E8%AE%B2%EF%BC%88uni-app%E4%BA%A7%E5%93%81%E4%BB%8B%E7%BB%8D%EF%BC%89-%20DCloud%E5%AE%98%E6%96%B9%E8%A7%86%E9%A2%91%E6%95%99%E7%A