• 技术文章 >web前端 >uni-app

    uniapp如何设置导航栏样式

    coldplay.xixicoldplay.xixi2021-02-03 17:39:59原创3701

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

    本教程操作环境: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核实处理。
    专题推荐:uniapp 导航栏样式
    上一篇:uniapp如何实现直播 下一篇:uniapp如何关闭导航栏
    VIP课程(WEB全栈开发)

    相关文章推荐

    • 【活动】充值PHP中文网VIP即送云服务器• ppt如何制作导航栏• phpcms如何调用二级导航栏标签?• 电脑导航栏在上面怎么设置到下面?• html怎么实现左右滑动导航栏
    1/1

    PHP中文网