详细问题描述
自定义导航条页面如果使用 <web-view></web-view>就会被覆盖掉,在浏览器开发预览效果正常,但是一到变成app在手机上就直接被webview页面覆盖,看不到自定义导航条,android跟ios都是这样。
- 发布:2019-03-04 16:05
- 更新:2022-12-27 10:45
- 阅读:7351
这很正常,web-view是独立窗体,层级高。
比较简单的是点菜单时弹出actionsheet。
app上也可以用plus.nativeObj.view实现,参考http://ext.dcloud.net.cn/plugin?id=69
也可以通过web-view交互,给web-view注入一段js,让它自己弹内容出来,设z-index,参考https://ask.dcloud.net.cn/article/35036
-
我目前做的是公众号版的,我尝试用了plus.webVie,获取当前窗口对象,然后再设置按钮关闭当前窗口对象,发现返回的是我引入webView的页面,这个怎么搞
2019-04-25 16:41
-
回复 DCloud_heavensoft: 您好,有示例么,web-view 加个自定义导航栏,下面是我在网上找的,但是不行
// #ifdef APP-PLUS
var that = this;
that.statusBarHeight = uni.getSystemInfoSync().statusBarHeight;
var link = '/hybrid/html/index.html';
var w = plus.webview.create(link, 'id', {
top: uni.getSystemInfoSync().statusBarHeight + 44 ,//放置在titleNView下方。如果还想在webview上方加个地址栏的什么的,可以继续降低TOP值
//因为设置top之后 webview的高度依然不变会往下移 底部会被遮住 所以设置一下高度
height: uni.getSystemInfoSync().windowHeight - 44 - uni.getSystemInfoSync().statusBarHeight,
}, {
preload: 'preload webview'
}); // 可直接通过以下方法获取preload值
var currentWebview = this.$mp.page.$getAppWebview() //获取当前页面的webview对象
currentWebview.append(w); //一定要append到当前的页面里!!!才能跟随当前页面一起做动画,一起关闭
// #endif2020-11-11 17:18
3***@qq.com
自己写一个原生的,在pages.json里写
2019-04-26 11:34
3***@qq.com
2019-04-26 11:34
1***@qq.com
回复 3***@qq.com: 好的 我试一下 ,谢谢啦
2019-04-29 09:36
1***@qq.com
确实好用,已经解决问题,十分感谢~
2019-04-29 10:56
b***@sina.com
回复 3***@qq.com: 我的是uni-app为什么不行呢
2019-09-29 17:22