天天看点

微信小程序开发实战第七讲之tabbar布局

        微信小程序亦是手机应用程序,只是它依附于微信这个APP,但是它的行为及展示布局依然参考原生APP的方式和人机交互。唯一不同的是它实现页面使用的是web技术而已。展现给用户或终端的视觉感受基本上一样。而应用程序大体分为单页面应用和多标签(tabbar),顾名思义,单页面应用就是APP打开后只有一个主页面,所有业务或者是逻辑均在此主页面后续显示。而多标签则意味着app打开后,会有多个不同功能的主页面。比如微信打开后,app下方就会有微信、通讯录、发现、我,这4个标签,点击不同标签进入不同的功能页面。当然如果杠精抬杠的话,那这种分法就不会被认同。。。

       同样,微信小程序也是可以实现这样的用户交互页面,现在我们就来实现一下多标签页面。

       打开我们之前工程,准备好相应的图标资源及页面。我们实现4个标签页:首页、商城、购物车、我的。

       首页:多图轮播、系统通知、类别、热门(左右滑动)、推荐列表(上下滑动)

微信小程序开发实战第七讲之tabbar布局

(icon1.png)       

微信小程序开发实战第七讲之tabbar布局

(icon1-h.png)

       商城:参考京东app,左侧类别,右侧二级类别

继续阅读