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

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

coldplay.xixi
发布: 2023-01-13 00:44:29
原创
19768 人浏览过

设置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中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板