首页 >web前端 >uni-app > 正文

uniapp怎么样去掉顶部导航

原创2021-02-01 16:37:5001131

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

本教程操作环境: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中文网其它相关文章!

php中文网最新课程二维码

声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理

  • 相关标签:uniapp 顶部导航
  • 相关文章

    相关视频


      网友评论

      文明上网理性发言,请遵守 新闻评论服务协议

      我要评论
    • 专题推荐

      作者信息

      coldplay.xixi

      好好学习 天天向上

      最近文章
      重点详解Java类和对象1400
      浅析php简单操作mysql锁机制3014
      php无法加载mysql怎么办1590
      推荐视频教程
    • 你的第一行 UNI-APP 代码你的第一行 UNI-APP 代码
    • 视频教程分类