微信小程序 超精简商城模板

微信小程序 超精简商城模板 首页wxml 部分代码如下&lt;!--index.wxml--&gt; &lt;!--导入公告模块的header--&gt; <include src="../../common/header/header.wxml"/> <view class="mod-home"> &lt;!--滚动视图--&gt; <scroll-view scroll-y="true" bindscroll="scrollChangeBgColor" class="scroll-view" bindscrolltolower="scrollBottom"> &lt;!--滚动banner--&gt; <view class="section slider"> &lt;!--滑块视图--&gt; <swiper indicator-dots="true" autoplay="true" interval="3000"> <block wx:key="1" wx:for="{{imgUrls}}"> <swiper-item> <image src="{{item}}" class="slider-image" mode="scaleToFill" /> </swiper-item> </block> </swiper> </view> &lt;!--推荐分类列表--&gt; <view class="section cates"> <block wx:key="1" wx:for="{{cateList}}" wx:for-index="index" wx:for-item="cate"> <view data-index="{{index}}" class="cate"> <image src="{{cate.url}}" class="img" mode="aspectFit" /> <text class="name">{{cate.name}}</text> </view> </block> </view> &lt;!--活动banner--&gt; <view class="section banners"> <block wx:key="1" wx:for="{{bannerList}}" wx:for-item="banner"> <view class="banner"> <image src="{{banner}}" class="img" mode="scaleToFill" /> </view> </block> </view> &lt;!--单品推荐--&gt; &lt;!--渲染列表--&gt; <include src="../../common/itemList/itemList.wxml"/> &lt;!--分组推荐--&gt; <view class="section group-sku"></view> </scroll-view> </view> &lt;!--<include src="../../common/footer/footer.wxml"/>--&gt;