問題
<web-view>
如果設了"navigationStyle" : "custom"
會自動充滿全部屏幕钻趋,現(xiàn)在川陆,如果想在頁面上面騰出statusBar高度,該怎么做蛮位?
不可行方案
CSS方案全部不可行较沪。
可行方案
不要使用
<web-view>
標簽,而是使用JS編程方式失仁。必須使用APP-PLUS尸曼。
<template>
<view>
</view>
</template>
script:
export default {
onLoad() {
// #ifdef APP-PLUS
var wv = plus.webview.create("http://xxx", "custom-webview", {
plusrequire: "none", //禁止遠程網頁使用plus的API,有些使用mui制作的網頁可能會監(jiān)聽plus.key萄焦,造成關閉頁面混亂控轿,可以通過這種方式禁止
'uni-app': 'none', //不加載uni-app渲染層框架,避免樣式沖突
top: uni.getSystemInfoSync().statusBarHeight ,//放置在titleNView下方拂封。如果還想在webview上方加個地址欄的什么的茬射,可以繼續(xù)降低TOP值
height: uni.getSystemInfoSync().screenHeight - uni.getSystemInfoSync().statusBarHeight
})
var currentWebview = this.$scope.$getAppWebview(); //此對象相當于html5plus里的plus.webview.currentWebview()。在uni-app里vue頁面直接使用plus.webview.currentWebview()無效冒签,非v3編譯模式使用this.$mp.page.$getAppWebview()
currentWebview.append(wv); //一定要append到當前的頁面里T谂住!萧恕!才能跟隨當前頁面一起做動畫霜定,一起關閉
// #endif
}
}