wx-mls/pages/index/index.wxml

<view class="container">
  <view class="index">
    <swiper 
      class="swiper-container" 
      indicator-dots="{{true}}" 
      autoplay="{{false}}"
      interval="{{3000}}"
      duration="{{500}}"
      circular="{{true}}"
      autoplay="{{true}}"
    >
      <block wx:for="{{banners}}" wx:key="index">
        <swiper-item>
          <image 
            class="swiper-image" 
            src="{{item.img}}" 
            mode="aspectFit"
            lazy-load="true" 
          />
        </swiper-item>
      </block>
    </swiper>
    <view class="bg-color">
      <view class="content">
        <view class="card-box">
          <!-- 活动规则 -->
          <view class="rules-bg">
            <view class="rules-item" bindtap="goPage" data-index="0">
              <image class="rules-img" src="/static/image/rules.png" mode="aspectFit"></image>
              <text>活动规则</text>
            </view>
            <view class="line"></view>
            <view class="rules-item" bindtap="goPage" data-index="1">
              <image class="rules-img" src="/static/image/rules.png" mode="aspectFit"></image>
              <text>免责申明</text>
            </view>
          </view>
          <!-- 日历 -->
          <block wx:if="{{start_time && end_time}}">
            <view class="countdown">倒计时开跑时间</view>
            <countdown end-time="{{start_time}}" />
          </block>
        </view>
        <!-- 报名 -->
        <view class="registration">
          <view class="registration-lf" bindtap="goRegister" data-action="register">
            <image class="lf-bg-img" src="{{baseUrl + '/static/image/registration.png'}}" mode="aspectFit" />
            <image class="registration-img" src="/static/image/lkbm.png" mode="aspectFit" />
            <button wx:if="{{!loggedIn}}" class="cover-btn" open-type="getPhoneNumber"      bindgetphonenumber="onGetPhoneNumber" data-action="register"></button>
          </view>
          <view class="registration-ri" bindtap="goRegister" data-action="invite">
            <image class="ri-bg-img" src="{{baseUrl + '/static/image/invitation.png'}}" mode="aspectFit" />
            <image class="registration-img" src="/static/image/yqhy.png" mode="aspectFit"/>
            <button wx:if="{{!loggedIn}}" class="cover-btn" open-type="getPhoneNumber" bindgetphonenumber="onGetPhoneNumber" data-action="invite"></button>
          </view>
        </view>
        <image class="ad-img" wx:if="{{ad_img}}" src="{{ad_img}}" mode="widthFix"/>
        <rich-text style="width: 100%;" nodes="{{introduction}}" />
      </view>
    </view>
  </view>
</view>