船夫 發表於 2019-6-24 09:31:00

uni-app取消原生头部导航栏

<h3>1.取消uni-app原生头部导航栏（全局取消）</h3>
<p>&nbsp; &nbsp; &nbsp;所有页面都去掉：在pages.json里配置navigationStyle:custom&nbsp; &nbsp; &nbsp;=&gt;网址&nbsp; https://uniapp.dcloud.io/collocation/pages?id=globalstyle</p>
<h3>2.单页面取消</h3>
<p>&nbsp; &nbsp; 新版小程序支持page-&gt;style配置navigationStyle为custom&nbsp; &nbsp;=&gt;网址&nbsp;&nbsp;https://uniapp.dcloud.io/collocation/pages?id=style</p>
<p>&nbsp; &nbsp; app和h5配置titleNView为false&nbsp; &nbsp;=&gt;网址 https://uniapp.dcloud.io/collocation/pages?id=app-plus</p>
<p>&nbsp; &nbsp;另外可以参考hello uni-app里的自定义导航栏示例（<span style="background-color: rgba(255, 0, 0, 1); color: rgba(0, 255, 255, 1)">注意顶部导航栏占位</span>）</p>
<p>&nbsp; &nbsp;如：</p>
<p>&nbsp; &nbsp; {</p>
<p>&nbsp; &nbsp; &nbsp;“page”:"pages/index/index",</p>
<p>&nbsp; &nbsp; &nbsp; "style":{</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp;"navigationStyle":"custom",</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp;"app-plus":{</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp;"titleNView":false</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp;}</p>
<p>&nbsp; &nbsp; &nbsp; }</p>
<p>&nbsp; &nbsp; }</p>
<p>&nbsp;</p><br><br>
来源：https://www.cnblogs.com/wjl-boke/p/11075420.html
頁: [1]
查看完整版本: uni-app取消原生头部导航栏