微信小程序配置导航窗口

2021/10/12 20:16:10

本文主要是介绍微信小程序配置导航窗口,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

配置页面

一般情况下我们会给每个页面创建一个文件夹,所以我们首先在pages下创建一个文件夹。

小程序直接给我们提供了创建页面的功能,右键这个文件夹,点击创建新建Page即可直接生成页面所需的文件。

生成文件之后,所有的页面都需要在app.json的pages属性中声明之后,才可以访问,小程序会默认先加载pages属性中第一个页面。如果开发过程如果我们需要调试别的页面,我们可以添加一个新的编译模式。

 

 

在移动端经常会涉及到tabbar的使用,小程序直接给我们提供了配置tabbar的方法。

 

这里需要注意的是,tabbar的图标不能是线上的地址,需要提前准备好放到项目里,一般情况下,这些静态资源可以放在assets文件夹下。这些图标大家可以从阿里矢量图标库中进行下载https://www.iconfont.cn/。

 

"tabBar": {     "selectedColor": "#f00",     "color": "#888",     "list": [       {         "pagePath": "pages/index/index",         "text": "首页",         "iconPath": "assets/index.png",         "selectedIconPath": "assets/index-active.png"       },       {         "pagePath": "pages/home/home",         "text": "home",         "iconPath": "assets/home.png",         "selectedIconPath": "assets/home-active.png"       }     ]   }

总结

小程序中的配置还有很多,大家也不用全部记住,需要的时候在查就可以了,大家需要掌握的是如何查阅文档。

 

 



这篇关于微信小程序配置导航窗口的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程