toktok-front/toktok-wx-applet/pages/index/index.wxml

<!--pages/index/index.wxml-->
<view class="head" style="background-color: {{bg_color}}">
  <image class="head-logo" src="/static/img/logo.png"></image>
  <!-- <image class="head-ok" src="/static/img/ok.png"></image> -->
  <swiper class="head-banner" autoplay="true"	indicator-active-color="#fff" current="{{bannerIndex}}" interval="2000" duration="1000" circular="true" bindchange="bindchange">
    <swiper-item class="head-banner-item" wx:for="{{bannerData}}" wx:key="bannerId">
      <image mode="widthFix" src="{{item.imgUrl}}" bindtap="toUrl" data-url="{{item.jumpUrl}}"></image>
    </swiper-item>
  </swiper>
  <view class="banner-dots">
    <text wx:for="{{bannerData}}" wx:key="bannerId" style="{{bannerIndex==index?'background-color: #fff;':''}}"></text>
  </view>
</view>
<view class="list-item" bindtap="toBeerWall">
  <image src="/static/img/index_beer1.png"></image>
  <text>精酿鲜啤</text>
  <text>酒厂直供，最新鲜的鲜啤原浆</text>
</view>
<view class="list-item" bindtap="toFactory">
  <image src="/static/img/index_beer2.png"></image>
  <text>酿酒厂</text>
  <text>纯粹好原料，才有鲜活好口感</text>
</view>
<view class="list-item" bindtap="toBeerStore">
  <image src="/static/img/index_beer3.png"></image>
  <text>到店品鉴</text>
  <text>数百款啤酒，类型丰富、免费试喝</text>
</view>
<view class="list-item" bindtap="toWebView">
  <image src="/static/img/index_beer4.png"></image>
  <text>盲盒订购</text>
  <text>亲自酿造一桶酒, 鲜啤定制很OK</text>
</view>