首页 >web前端 >uni-app >uniapp怎么样去掉顶部导航

uniapp怎么样去掉顶部导航

coldplay.xixi
coldplay.xixi原创
2021-02-01 16:37:509827浏览

uniapp去掉顶部导航的方法:1、去掉所有导航栏,代码为【"navigationBarTitleText": "uni-app",】;2、单一页面去掉顶部导航栏,代码为【"navigationBarTitleText": "库管系统"】。

uniapp怎么样去掉顶部导航

本教程操作环境:windows7系统、uni-app2.5.1版本,DELL G3电脑,该方法适用于所有品牌电脑。

uniapp去掉顶部导航的方法:

1、去掉所有导航栏

c18fa2c46737af201e60ca297cae303.png

"globalStyle": {
"navigationBarTextStyle": "white",
"navigationBarTitleText": "uni-app",
"navigationBarBackgroundColor": "#007AFF",
"backgroundColor": "#FFFFFF",
"navigationStyle":"custom",
"app-plus":{
"titleView":false
}
}

2、单一页面去掉顶部导航栏

在pages.json中配置:

3cef05048ffd38c5612d94083f6f695.png

"style": {
"navigationBarTitleText": "库管系统",
"navigationStyle":"custom",
"app-plus":{
"titleNView":false
}
}

了解更多其他精品文章,敬请关注uni-app栏目~

以上是uniapp怎么样去掉顶部导航的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn