小程序
小游戏
企业微信
微信支付
扫描小程序码分享
描述:
tabbar包括三个一级页面a, b, c,a页面包含有webview,b, c不包含,同时app.json中设置了navitaionStyle为custom。
启动页包括webview,从启动页使用switchTab到a页面,再点击tabbar来跳转至b或c后,b,c页面顶部仍会显示webview自带的nabigationBar,如果从启动页直接switchTab到b或c的话一切正常
2 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
app.json
{
"pages"
: [
"pages/tab1/tab1"
,
"pages/tab2/tab2"
"pages/tab3/tab3"
],
"window"
: {
"backgroundTextStyle"
:
"light"
"navigationStyle"
"custom"
},
"tabBar"
"list"
"text"
"tab1"
"pagePath"
"tab2"
"tab3"
}
]
tab1.wxml
<
web-view
src
=
"https://mp.weixin.qq.com/"
> </
>
tab2.wxml
view
> This is tab2 </
tab3.wxml
> This is tab3 </
index.js
//这是首页,首页同样使用了web-view
Page({
onLoad:
function
(option) {
// 如果携带某参数,则实现自动跳转
if
(option.shouldAutoSwitchTab) {
// 此处如果设置自动跳转到tab1,然后用户再通过点击下方tabbar来跳转到tab2和tab3的时候会看到上方出现了不该出现的navigationbar,如果自动跳转到tab2或者tab3,则一切正常,需要使用真机测试
wx.switchTab({ url:
'../tab1/tab1'
});
})
index.wxml
"https://mp.weixin.qq.com"
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
麻烦给个相关的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html),我们定位下问题
您好,请问有定位那边的问题了吗?
您好,客户端 6.7.2 版本开始,navigationStyle: custom 对 <web-view> 组件无效
参考: https://developers.weixin.qq.com/miniprogram/dev/component/web-view.html
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
app.json
{
"pages"
: [
"pages/tab1/tab1"
,
"pages/tab2/tab2"
,
"pages/tab3/tab3"
],
"window"
: {
"backgroundTextStyle"
:
"light"
,
"navigationStyle"
:
"custom"
},
"tabBar"
: {
"list"
: [
{
"text"
:
"tab1"
,
"pagePath"
:
"pages/tab1/tab1"
},
{
"text"
:
"tab2"
,
"pagePath"
:
"pages/tab2/tab2"
},
{
"text"
:
"tab3"
,
"pagePath"
:
"pages/tab3/tab3"
}
]
}
}
tab1.wxml
<
web-view
src
=
"https://mp.weixin.qq.com/"
> </
web-view
>
tab2.wxml
<
view
> This is tab2 </
view
>
tab3.wxml
<
view
> This is tab3 </
view
>
index.js
//这是首页,首页同样使用了web-view
Page({
onLoad:
function
(option) {
// 如果携带某参数,则实现自动跳转
if
(option.shouldAutoSwitchTab) {
// 此处如果设置自动跳转到tab1,然后用户再通过点击下方tabbar来跳转到tab2和tab3的时候会看到上方出现了不该出现的navigationbar,如果自动跳转到tab2或者tab3,则一切正常,需要使用真机测试
wx.switchTab({ url:
'../tab1/tab1'
});
}
}
})
index.wxml
<
web-view
src
=
"https://mp.weixin.qq.com"
> </
web-view
>
麻烦给个相关的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html),我们定位下问题
您好,请问有定位那边的问题了吗?
您好,客户端 6.7.2 版本开始,navigationStyle: custom 对 <web-view> 组件无效
参考: https://developers.weixin.qq.com/miniprogram/dev/component/web-view.html