wechat_mall_applet/pages/index/index.wxml

<view>
  <scroll-view scroll-y="true" height="100%">
    <swiper style="height:230px;" indicator-dots="true" autoplay="true" interval="5000" duration="1000">
      <block wx:for="{{slides}}" wx:for-item="slide">
        <swiper-item>
          <navigator url="{{slide.url}}">
            <image class="slide-img" src="{{slide.img}}" mode="aspectFit"/>
          </navigator>
        </swiper-item>
      </block>
    </swiper>

    <block wx:for="{{items}}" wx:for-item="item">
      <view class="item" bindtap="bindShowProduct" data-id="{{item.id}}">
        <view class="image">
          <image class="head-img" src="{{item['image-url']}}" mode="aspectFit"></image>
        </view>
        <view class="item-right">
          <view class="title">
            <text> {{item.name}} </text>
          </view>
          <text class="price"> ¥{{item.price}} </text>
        </view>
      </view>
    </block>
  </scroll-view>
</view>