reader/pages/index/index.wxml

<!-- index.wxml -->
<!-- <StatusBar receiveData="{{statusbarobj}}" grade="{{grade}}" bindgradeTap="gradeTap" /> -->
<mp-navigation-bar title="UI组件库"></mp-navigation-bar>
<view class="change_grade" wx:if="{{isGradeShow}}">
    <view class="change_brage_wrapper">
        <text class="title">分龄选择</text>
        <view class="change_row">
            <view class="change_item" bindtap="changeGrade" data-code="PRIMARY_FIRST_GRADE">一年级</view>
            <view class="change_item" bindtap="changeGrade" data-code="PRIMARY_SECOND_GRADE">二年级</view>
        </view>
        <view class="change_row">
            <view class="change_item" bindtap="changeGrade" data-code="PRIMARY_THREE_GRADE">三年级</view>
            <view class="change_item" bindtap="changeGrade" data-code="PRIMARY_SENIOR_GRADE">四年级</view>
        </view>
        <view class="change_row change_row_single">
            <view class="change_item" bindtap="changeGrade" data-code="PRESCHOOL">学前班</view>
            <view class="change_item change_item_blank" data-code="PRESCHOOL"></view>
        </view>
    </view>
</view>
<view class="container">
    <!-- 引入组件 -->
    <!-- <import src="/component/group/group.wxml" /> -->
    <!-- <import src="/component/hot/hot.wxml" /> -->
    <!-- <import src="/component/follow/follow.wxml" /> -->
    <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 {{3 == myIndex ? 'select':' '}}" bindtap="switcher" data-index="3">
            <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>

    <!-- <view hidden="{{gradeActivity === 'PRIMARY_SENIOR_GRADE' || gradeActivity === 'PRESCHOOL' || 0 != myIndex}}" class="activity-img" bindtap="goToActivity"> -->
    <view hidden="{{0 != myIndex}}" class="activity-img" bindtap="goToActivity">
        <image src="http://reader-wx.ai160.com/images/reader/activity/banner.jpg"></image>
    </view>

    <!-- <view hidden="{{(!isIos && isVip) || 0 != myIndex }}" class="activity-img" bindtap="bannerTap">
    <image src="http://reader-wx.ai160.com/images/reader/pay/{{isIos ? 'ios_banner' : 'android_banner'}}.jpg"></image>
  </view>-->
    <view wx:if="{{isIos ||  isVip}}" class="activity-buy" bindtap="myPlase">
        <image src="http://reader-wx.ai160.com/images/reader/pay/vip_icon.png"></image>
    </view>
    <!-- 调用组件 -->
    <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}}">
        <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>