使用uni-app生成页面时,会发现默认生成的页面是带了导航栏 如果所有页面都不需要这个导航栏了,可以在App.vue的公共样式<style>代码中添加 /* #ifdef H5 */ uni-page-head { display: none; } /* #endif */ 如果只是当前页面不需要,可以在pages.json中添加代码将navigationStyle设置为custom是指自定义导航栏,...
uni-page-head { display: none; } /* #endif */ 1. 2. 3. 2.如果只是当前页面不需要,可以在pages.json中添加代码 "navigationStyle":"custom" 1. "pages": [{ "path": "pages/index/index", "style": { "navigationBarTitleText": "" "enablePullDownRefresh": false, //隐藏导航 "navigationSty...
换个方法,在页面中插入 style : // #ifdef H5if(platform==='WX'){setTimeout(()=>{letstyle=document.createElement('style');style.type='text/css';style.innerHTML="uni-page-head,.uni-page-head{display:none;}";document.getElementsByTagName('head').item(0).appendChild(style);})}// #end...
uni-app.inapp uni-page-head{ display: none; } 1. 2. 3. 这样uniapp 生成的页面 在app中打开就会隐藏掉导航头部
使用uniapp编译的H5代码默认是带导航条的(仿原生app的效果) 调试发现其导航条最终会被编译成一个 uni-page-head 标签: 想要隐藏该导航条的话只需要在应用文件 App.vue 中的样式中添加公用css: /* #ifdef H5 */…
<style> /* #ifdef H5 */ /* 页面A */ uni-page[data-page="pages/A/A"] .uni-page-head-hd { display: none; } /* #endif */ </style>编辑于 2020-12-24 13:09 uni-app 导航栏(Nav Bar) HTML 赞同24 条评论 分享喜欢收藏申请转载 ...
{hideNavBar(){//判断是H5且调用方要求隐藏导航 getNavBarStatus() == '1'/*#ifdef H5*/if(getNavBarStatus()=='1'){this.$nextTick(()=>{lethead=document.getElementsByTagName('uni-page-head')console.log(JSON.stringify(head),"head")if(head[0]){head[0].style.display='none'}})}/*...
方法3:用css隐藏 /* #ifdef H5 */uni-page-head {display: none;}/* #endif */ 如果要禁用所有页面的导航栏 在pages.json {..."globalStyle": {"app-plus": {"titleNView": false //禁用原生导航栏},...},...}
} ... } 方法2 // pages.json中 { ... "globalStyle": { ... "navigationStyle": "default" ... } ... } // App.vue中设置全局样式 /* #ifdef H5 */ uni-page-head { display: none; } /* #endif */本文由"putyy"原创,转载