reader/pages/index/index.wxml

<!-- index.wxml -->
<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/card/banner.png" bindtap="goToCard">
            </image>
        </swiper-item>
        <!--  <swiper-item>
            <image src="http://reader-wx.ai160.com/images/reader/activity/ad.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>
<!-- 活动弹窗 -->
<activityPop />
<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>