微信小程序项目实践之主页tab选项实现

官方文档 效果图: 实现底部Tab选项,只需要在项目根目录下的app.json下修改 如图: 先介绍一下app.json文件 默认有两个代码块: 1、pages 这里注册了当前小程序的所有页面路径 2、window 这里用于设置小程序的状态栏、导航条、标题、窗口背景色。 以上两个详细使用参考文档,本文章不做介绍 我们看下app.json提供的另一个配置项:tabBar tabBar提供一些公有的属性对tab配置: 而针对每一个单独的tab 也有一些属性进行配置: 官方示意图: 具体实现底部Tab功能: 设定一个需求,假设当前我们有两个tab,一