study_wxapp/pages/index/index.wxml

<wxs module="enumItem" src="../../wxs/enumItem.wxs"></wxs>
<view>
  <view>
    <swiper indicator-dots="false" autoplay="true" interval="5000" duration="1000">
      <swiper-item>
        <image src="/assets/carousel/1.png" class="slide-image" />
      </swiper-item>
      <swiper-item>
        <image src="/assets/carousel/2.png" class="slide-image" />
      </swiper-item>
      <swiper-item>
        <image src="/assets/carousel/3.png" class="slide-image" />
      </swiper-item>
      <swiper-item>
        <image src="/assets/carousel/4.png" class="slide-image" />
      </swiper-item>
    </swiper>
  </view>

  <view class="cate-section">
    <button class="cate-item" bindtap="gotoCollectin">
      <i-icon type="collection" size="40" color="#e96900a0" />
      <text>收藏题库</text>
    </button>

    <button class="cate-item" bindtap="gotoError">
      <i-icon type="flag" size="40" color="#e96900a0" />
      <text>错题重做</text>
    </button>
    
    <button class="cate-item" bindtap="gotoHistory">
      <i-icon type="createtask" size="40" color="#e96900a0" />
      <text>考试记录</text>
    </button>

    <button wx:if="{{userInfo.phone}}" class="cate-item" bindtap="showPhone">
      <i-icon type="mine" size="40" color="#e96900a0" />
      <text>登入</text>
    </button>

    <button wx:else class="cate-item" bindgetphonenumber="getPhoneNumber" open-type="getPhoneNumber">
      <image src="/assets/tabBar/my-select.png"></image>
      <text>绑定手机</text>
    </button>
  </view>

  <i-panel title="题库">
    <view class="cate-section" >
      <view wx:for="{{groups}}"  wx:key="groupId" class="cate-item cate-item-3">
        <button class="cate-item"
          wx:if="{{item.isBuy}}"
          bindtap="gotoExam"
          data-id="{{item.groupId}}" 
        >
            <i-icon  type="browse" size="40" color="#7595f1a0" />
            <text>{{item.title}}</text>
        </button>
      
        <button class="cate-item"
          wx:else
          bindtap="startWxpay"
          data-id="{{item.groupId}}" >
          <i-icon type="lock" size="40" color="#e96900a0" />
          <text>{{item.title}}</text>
        </button>
      </view>
    </view>

    <!-- /pages/exam/do/index?id={{item.groupId}} -->
  </i-panel>


  <modal title="苹果手机购买课程" 
    confirm-text="确认" 
    hidden="{{!buyModel}}" 
    no-cancel="true"
    bindconfirm="modalConfirm" >
  <image src="{{info.code_url}}" mode="widthFix" style="width:100%"></image>
  <text style="color:red"> 本课程费用 {{info.fee/100}}元， 请扫码付款</text>
</modal>
</view>