wechat小程序- 初试小程序之tabbar(选项卡,底部导航)的使用

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

首先建议使用官方的微信开发者工具,尽管有着不少的瑕疵,但是作为一个新生的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的限制)。

wechat小程序- 初试小程序之tabbar(选项卡,底部导航)的使用

效果如下:

wechat小程序- 初试小程序之tabbar(选项卡,底部导航)的使用