您当前的位置: 首页 >  微信小程序

暂无认证

  • 0浏览

    0关注

    92582博文

    0收益

  • 0浏览

    0点赞

    0打赏

    0留言

私信
关注
热门博文

[微信小程序专题] 走进小程序(二)

发布时间:2019-04-09 23:59:00 ,浏览量:0

欢迎点击「算法与编程之美」↑关注我们!

本文首发于微信公众号:"算法与编程之美",欢迎关注,及时了解更多此系列文章。

之前的博客《走进小程序》介绍了制作小程序的准备步骤和一些技术知识,这次我们从实际制作入手,边做边学。

由于小程序有许多的知识点,不能一一讲解,只能讲述一下思路然后,功能的实现,要用到什么就学习什么,这样比较会节省时间,提高效率。

我们这次要做的是一个电商类的微信小程序,下面就正式开始吧!

首页

首先要做的就是首页,一般电商的首页就是分为三大板块:轮播图、活动板块、首页列表。

大致效果如图:

640?wx_fmt=png

大概步骤分为以下四步:

1、轮播图:根据接口数据生成banners,再用Wx:for 遍历banners生成swiper-item  ,最后在swiper标签里面渲染得到的数据。

2、整点限时抢购:Date对象,topList的数据作为抢购数据, scroll-view 做横向滚动,scroll-view

关注
打赏
1653961664
查看更多评论
立即登录/注册

微信扫码登录

2.1318s