FWQ
微信小程序商城开发之商城首页轮播图、商品分类导航以及新品特卖的实现代码
本篇文章给大家带来的内容是关于微信小程序商城开发之商城首页轮播图、商品分类导航以及新品特卖的实现代码,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 我们设置了小程序后台服务器https域名设置、搭建了小程序基础的https框架和实现了首页导航模块,今天我们一起来看一下电商首页轮播、分类导航和新品特卖模块的实现。 实现功能模块 主要实现2、3、4,用到的API数据服务如下图所示: 首页轮播模块实现 home.js <!--首页轮播 banner --> <swiper> <block> <swiper-item> <image></image> </swiper-item> </block> </swiper> 登录后复制 home.wxss /* 直接设置swiper属性 */ swiper { height: 300rpx; } swiper-item image { width: 100%; height: 100%; } 登录后复制 home.js 页面初始化轮播数据…