首页  >  文章  >  web前端  >  uniapp如何设置导航栏样式

uniapp如何设置导航栏样式

coldplay.xixi
coldplay.xixi原创
2020-12-15 17:58:247862浏览

uniapp设置导航栏样式的方法:首先点击新建下面的项目,并打开pages.json文件;然后点击查找下面的查找文件选项,输入globalStyle;最后在文件中就定位到导航样式部分进行修改即可。

uniapp如何设置导航栏样式

本教程操作环境:windows7系统、uni-app2.5.1版本、thinkpad t480电脑。

uniapp设置导航栏样式的方法:

1、首先点击新建下面的项目,如下图所示

77680721c1c101b51e804c1f1adf9ae.png

2、接着创建好一个uni-app项目,如下图所示

09540a1f3147aee4d638dcdc18e7b1a.png

3、然后打开pages.json文件,如下图所示

359c0d1a4f8af050462b69b984f81ac.png

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

4、然后点击查找下面的查找文件选项,如下图所示

f8904741400a9e3a4893bf54abc0cd4.png

5、接着输入globalStyle,按回车,如下图所示

c2770caa21d39d15b85b1bd54af62c2.png

6、最后在文件中就定位到导航样式部分了,在这里修改即可,如下图所示

42f73910fafb03d16713f27898c7231.png

相关免费学习推荐:php编程(视频)

以上是uniapp如何设置导航栏样式的详细内容。更多信息请关注PHP中文网其他相关文章!

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