最近也是发现微信小程序突然火了起来，所以闲来无事试了试。

首先建议使用官方的微信开发者工具，尽管有着不少的瑕疵，但是作为一个新生的ide还算不错了。

顺便提一下，很多人把小程序等同于h5，其实这是两种不太一样的。但是设计界面的理念相似。

1.必须承认微信小程序是微信团队基于h5开发的。

2.h5的运行环境是浏览器，由浏览器内核解析。而小程序的运行环境是基于浏览器内核完全重构的一个内置解析器，针对性做了优化。

3.h5开发成本是远高于小程序的。

4.小程序做了优化，没有h5那样明显的卡顿。

在一个小程序中，如美团、QQ那样的底部导航属于全局的布局设置，在项目文件结构中需要操作的是app.json。

具体见官方参考文档：https://developers.weixin.qq.com/miniprogram/dev/framework/config.html

加入这个导航栏的切换效果已经给出了，我们填充即可（list个数2-5的限制）。

效果如下：