在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