首页  >  文章  >  web前端  >  uni-app导航栏背景色如何设置

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

coldplay.xixi
coldplay.xixi原创
2020-12-18 18:02:1819768浏览

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

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

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

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