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中打开就会隐藏掉导航头部

Logo

前往低代码交流专区

更多推荐