uniapp 生成的页面 在app中打开隐藏掉导航头部
uniapp 根据是否是在app 还是在h5里 显示头部导航在app.vue 里根据 获取navigator.userAgent 里的信息原生app 传参数根据navigator.userAgent 的信息来判断页面是否在app里打开const ua = window.navigator.userAgent.toLowerCase();export default {globalData:{inM
·
uniapp 根据是否是在app 还是在h5里 显示头部导航
在app.vue 里根据 获取navigator.userAgent 里的信息
原生app 传参数
根据navigator.userAgent 的信息来判断页面是否在app里打开
const ua = window.navigator.userAgent.toLowerCase();
export default {
globalData:{
inMini:window.__wxjs_environment === 'miniprogram',
inApp:ua.includes('app'),
},
onLaunch: function(e) {
//如果在微信小程序或者客户端内时隐藏头部
if (this.globalData.inMini || this.globalData.inApp) {
let appPage = document.querySelector('uni-app');
appPage.className += ' inapp'
}
}
}
//includes 判断是否存在
在一个公共的css 文件中写上样式
uni-app.inapp uni-page-head{
display: none;
}
这样uniapp 生成的页面 在app中打开就会隐藏掉导航头部
更多推荐
已为社区贡献11条内容
所有评论(0)