在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%