欢迎点击「算法与编程之美」↑关注我们!
本文首发于微信公众号:"算法与编程之美",欢迎关注,及时了解更多此系列文章。
之前的博客《走进小程序》介绍了制作小程序的准备步骤和一些技术知识,这次我们从实际制作入手,边做边学。
由于小程序有许多的知识点,不能一一讲解,只能讲述一下思路然后,功能的实现,要用到什么就学习什么,这样比较会节省时间,提高效率。
我们这次要做的是一个电商类的微信小程序,下面就正式开始吧!
首页
首先要做的就是首页,一般电商的首页就是分为三大板块:轮播图、活动板块、首页列表。
大致效果如图:
大概步骤分为以下四步:
1、轮播图:根据接口数据生成banners,再用Wx:for 遍历banners生成swiper-item ,最后在swiper标签里面渲染得到的数据。
2、整点限时抢购:Date对象,topList的数据作为抢购数据, scroll-view 做横向滚动,scroll-view