reader/pages/index/index.wxml

<!-- index.wxml -->
<!-- <StatusBar receiveData="{{statusbarobj}}" grade="{{grade}}" bindgradeTap="gradeTap" /> -->
<mp-navigation-bar title="UI组件库"></mp-navigation-bar>
<view class="gradeContainer" catchtouchmove='true' wx:if="{{isGradeShow}}">
  <view class="gradeBox" bindtap="selectGrade">
    <view class="title">年级选择</view>
    <view class="content">
      <view class="grade {{temporaryGrade=='PRESCHOOL'?'check':''}}" data-code="PRESCHOOL">学前班</view>
      <view class="grade {{temporaryGrade=='PRIMARY_FIRST_GRADE'?'check':''}}" data-code="PRIMARY_FIRST_GRADE">一年级
      </view>
    </view>
    <view class="content">
      <view class="grade {{temporaryGrade=='PRIMARY_SECOND_GRADE'?'check':''}}" data-code="PRIMARY_SECOND_GRADE">二年级
      </view>
      <view class="grade {{temporaryGrade=='PRIMARY_THREE_GRADE'?'check':''}}" data-code="PRIMARY_THREE_GRADE">三年级
      </view>
    </view>
    <view class="content">
      <view class="grade {{temporaryGrade=='PRIMARY_SENIOR_GRADE'?'check':''}}" data-code="PRIMARY_SENIOR_GRADE">四年级
      </view>
    </view>
    <view class="submitBox">
      <button class="resetBtn submit" bindtap="changeGrade">登录</button>
    </view>
  </view>
</view>
<view class="container">
  <!-- 引入组件 -->
  <!-- <import src="/component/my/my.wxml" /> -->
  <import src="/templates/courses/courses.wxml" />
  <!-- 顶部导航 -->
  <view class="top-tab" wx:if="{{!isGradeShow}}">
    <!-- <view class="tabbar {{3 == myIndex ? 'select':' '}}" bindtap="jumpMy">
            <text>我的</text>
        </view> -->
    <view class="tabbar" bindtap="jumpMy">
      <text>我的</text>
    </view>
    <view class="tabbar {{0 == myIndex ? 'select':' '}}" bindtap="switcher" data-index="0">
      <text>推荐</text>
    </view>
    <view class="tabbar {{1 == myIndex ? 'select':' '}}" bindtap="switcher" data-index="1">
      <text>关注</text>
    </view>
    <view class="tabbar {{2 == myIndex ? 'select':' '}}" bindtap="switcher" data-index="2">
      <text>资源</text>
    </view>
  </view>
  <swiper class="activity-img" autoplay circular indicator-dots indicator-active-color="#FFFFFF"
    hidden="{{0 != myIndex}}">
    <swiper-item>
      <image src=" http://reader-wx.ai160.com/images/reader/activity/banner.jpg" bindtap="goToActivity">
      </image>
    </swiper-item>
    <swiper-item>
      <image src="https://reader-wx.ai160.com/images/reader/activity/guide.jpg"></image>
    </swiper-item>
  </swiper>

  <!-- 调用组件 -->
  <template is="{{templates}}" wx:if="{{myIndex === 3 || myIndex === 2}}"
    data="{{myData: myData,coursesData:coursesData,noMoreWork:noMoreWork}}"></template>
  <VideoSwiper wx:if="{{videoList.length > 0}}" class="video-swiper" video-list="{{videoList}}"
    nextMargin="{{nextMargin}}" isSwiper="{{isSwiper}}" noMoreWork="{{noMoreWork}}" ifHeadTap="{{true}}"
    bindopenShare="openShare" bindopenComment="openComment" bindheadTap="headTapHandler" bindgoToReading="goToReading"
    bindcollectTap="collectTap" bindlikeTap="likeTap" binddelHideMyWork="delHideMyWork"
    bindaddShareAmount="addShareAmount" bindchange="videoChange">
  </VideoSwiper>
  <view class="comment_section" catchtouchmove="touchMove" catchtap="commentTap" data-type="blank"
    wx:if="{{commentShow}}">
    <view class="comment_close" data-type='blank'>
      ×
    </view>
    <Comment data-type="list" commentId="{{commentId}}" commentNum="{{commentNum}}" inputValue="{{inputValue}}"
      bindsendReply="sendReply" />
  </view>
  <view class="no_follow" wx:if="{{myIndex === 1 && videoList.length <= 0 && noFollow}}">
    <image class="no_follow_icon" src="../../static/index/no_follow.png" />
    <text>赶快去关注优秀作者吧，</text>
    <text>这里将会发生欣喜的变化。</text>
  </view>
</view>
<!--弹窗-->
<view class="help-pay" hidden="{{helpPayHide}}">
  <view class="help-pay-main" style="{{tipsType === 'tips' && 'top: 35%'}}">
    <view wx:if="{{ tipsType === 'helpPay'}}" bindtap="payAndHelp">
      <view class="pay-price" wx:if="{{payPrice}}">{{payPrice}}<text>元</text></view>
      <image class="help-pay-icon" src="{{helpPayImg}}"></image>
    </view>
    <image wx:else class="tips-icon" src="{{tipsImg}}" bindtap="tips"></image>
    <image class="help-close" bindtap="helpPayHideEvent" src="../../static/image/close.png"></image>
  </view>
</view>
<!-- <MyToast /> -->
<view hidden="{{hide}}">
  <Dialog bindmyevent="jurisdiction" />
</view>
<!-- <view class="upgrade" hidden="{{gradeActivity === 'PRIMARY_SENIOR_GRADE' || gradeActivity === 'PRESCHOOL' || upgradeHide}}"> -->
<view class="upgrade" hidden="{{upgradeHide}}" bindtap="hideUpgrade">
  <view class="upgrade-main">
    <image class="upgrade-icon" src="http://reader-wx.ai160.com/images/reader/activity/activity_dialog.png"
      catchtap="goToActivity"></image>
    <image class="close" catchtap="hideUpgrade" src="../../static/image/close.png"></image>
  </view>
</view>
<shareDialog id="share-dialog" shareType='works' bindaddShareAmount="addShareAmount"
  bindShareDialogClose="shareDialogClose" shareId="{{id}}" />
<canvas canvas-id="myCanvas"
  style="width:300px; height: 525px; position: absolute; left: -999rpx; top: -9999rpx;"></canvas>
<canvas id='share' type="2d"> </canvas>