官方模板JS代码好像不起作用。
<script type="text/javascript">
$(function(){
if(""==$(window).height()){
$(".qb_wap_header").hide(); //在小程序的tabbar中打开,就不要重复显示菜单了
}
})
</script>这个顶部返回栏无法隐藏,和小程序tabbar重叠,不好看,体验也不好。
用以下代码解决问题,id为"toubu"的部分在小程序里打开被隐藏,效果好很多了。
<header class="header navbar navbar-shadow navbar-expand-lg navbar-light bg-primary navbar-sticky navbar-stuck" id="toubu">
<div class="container px-0 px-xl-3 d-flex justify-content-between"><div class="text-light" onclick="window.history.back();"><i class="fa fa-reply"> 返回</i></div>
<div class="text-light">{$info.title}</div>
</div>
</header>
<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
<script>
var ua = navigator.userAgent.toLowerCase();
if(ua.match(/MicroMessenger/i)=="micromessenger") {
//ios的ua中无miniProgram,但都有MicroMessenger(表示是微信浏览器)
wx.miniProgram.getEnv((res)=>{
if (res.miniprogram) {
$('#toubu').remove();
} else {
return false;
}
})
}else{
isWeiXin();
}
</script>