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

uni-app导航栏背景色如何设置

原创2020-12-18 18:02:1806819

设置uuni-app导航栏背景色的方法:首先找到【pages.json】文件,点击打开;然后在页面的每个定义部分加navigationBarBackgroundColor;最后运行以后背景色就添加上去了。

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

推荐(免费):uni-app开发教程

设置uuni-app导航栏背景色的方法:

1、首先找到pages.json文件,点击打开,如下图所示

6df0352c8d3be61fdde6b377cdeba13.png

2、然后一般是在页面的每个定义部分加navigationBarBackgroundColor,如下图所示

7c3e9defee46f0ca915fc9954b4c764.png

3、运行以后背景色就添加上去了,如下图所示

4a72af8a4a1b03278f2ba7beb89d25d.png

4、接着如果设置了app-plus就不行了,如下图所示

3dfd7903b88f320203e5a7d8f289667.png

5、这时需要在titleNView里面用backgroundColor属性,如下图所示

1e2e2126044883ce57d500804b9e1c3.png

6、最后运行也可以看到背景色了,如下图所示

2a9fe17663a3f99f381d5bd0f8b32d5.png

以上就是uni-app导航栏背景色如何设置的详细内容,更多请关注php中文网其它相关文章!

php中文网最新课程二维码

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

  • 相关标签:uniapp 背景色
  • 相关文章

    相关视频


      网友评论

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

      我要评论
    • 专题推荐

      作者信息

      coldplay.xixi

      好好学习 天天向上

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