HanziLearn_master/pages/main/index.wxml

<view class="container FlexColumn" style='min-height:{{Height}}rpx;'>
  <view class="index1 FlexRow">
    <view class="{{NavClass1}} nav FlexColumn" bindtap='selectNav' data-id="1">
      <image src='../../images/02003.png' class="img3" />
    </view>
    <image src='../../images/02001.png' class="img" />
    <view class="{{NavClass2}} nav FlexColumn" bindtap='selectNav' data-id="2">
      <image src='../../images/02002.png' class="img2" />
    </view>
    <image src='../../images/02004.gif' class="hand" wx:if="{{IsRemind}}" bindtap='selectNav' data-id="2" />
  </view>
  <block wx:if="{{NavClass2=='nav2'}}">
    <view class="index2 FlexRow">
      <view class="index2_1 FlexRow">
        <view class="btn" bindtap="goto" data-id="1">
          <view class="btn1">
            <view class="panel1 FlexRow">
              <image src='../../images/02005.png' class="img" />
            </view>
            <view class="panel2 FlexRow">
              <image src='../../images/02009.png' class="img2" />
            </view>
          </view>
        </view>
        <view class="btn" bindtap="goto" data-id="2">
          <view class="btn1">
            <view class="panel1 FlexRow">
              <image src='../../images/02006.png' class="img" />
            </view>
            <view class="panel2 FlexRow">
              <image src='../../images/02010.png' class="img2" />
            </view>
          </view>
        </view>
        <view class="btn" bindtap="goto" data-id="3">
          <view class="btn1">
            <view class="panel1 FlexRow">
              <image src='../../images/02007.png' class="img" />
            </view>
            <view class="panel2 FlexRow">
              <image src='../../images/02011.png' class="img2" />
            </view>
          </view>
        </view>
        <view class="btn" bindtap="goto" data-id="4">
          <view class="btn1">
            <view class="panel1 FlexRow">
              <image src='../../images/02008.png' class="img" />
            </view>
            <view class="panel2 FlexRow">
              <image src='../../images/02012.png' class="img2" />
            </view>
          </view>
        </view>
      </view>
    </view>
    <view class="index7 FlexRow">
      <image src='../../images/02017.png' class="imgWave" />
    </view>
    <view class="index8 FlexColumn">
      <image src='../../images/02013.png' class="img" />
      <view class="index8_1" bindtap='gotoSearch'>
        输入一个字
      </view>
    </view>

    <view class="index3 FlexColumn">
      <image src='{{AvatarUrl}}' class="Avatar" bindtap="gotoMemberCenter">
        <view class="gear FlexRow">
          <image src='../../images/02022.png' class="img" />
        </view>
      </image>
      <view class="NickName">{{NickName}}</view>
      <view class="Member2 Member" wx:if="{{IsMember==0}}">非会员</view>
      <view class="Member" wx:if="{{IsMember==1}}">付费会员</view>
      <view class="index3_0 FlexRow">
        <view class="index3_1 FlexColumn">
          <view class="index3_1_1 FlexRow">
            <view class="number" wx:if="{{!IsAccredit}}">-</view>
            <view class="number" wx:if="{{IsAccredit}}">{{DayNumber}}</view>
          </view>
          <view class="index3_1_2 FlexRow">持续天数
          </view>
        </view>

        <view class="index3_1 FlexColumn">
          <view class="index3_1_1 FlexRow">
            <view class="number" wx:if="{{!IsAccredit}}">-</view>
            <view class="number" wx:if="{{IsAccredit}}">{{FinishedCount}}</view>
          </view>
          <view class="index3_1_2 FlexRow">已学章节
          </view>
        </view>
        <view class="index3_1 FlexColumn">
          <view class="index3_1_1 FlexRow">
            <view class="number" wx:if="{{!IsAccredit}}">-</view>
            <view class="number" wx:if="{{IsAccredit}}">{{HanziNumber}}</view>
          </view>
          <view class="index3_1_2 FlexRow">总共识字
          </view>
        </view>
      </view>
      <view class="btn2 btn" wx:if="{{!IsAccredit}}" bindtap="getAccredit">
        <view class="btn1">开启统计</view>
      </view>

      <view class="btn5 btn3 btn" wx:if="{{ReviewCount==0}}">
        <view class="btn4 btn1">复习</view>
      </view>
      <view class="btn8 btn6 btn" wx:if="{{ReviewCount>0}}" bindtap="gotoReview">
        <view class="btn7 btn1"> 复习
          <view class="ReviewCount">{{ReviewCount}}</view>
        </view>
      </view>

      <button class="Circle FlexColumn" open-type="share">
        <image src='../../images/02015.png' class="Share" />
        <view class="">分享</view>
      </button>
    </view>

    <view class="payInfo FlexColumn" wx:if="{{IsShow==1 && (IsMember==0 || NewUserNumber<NewUserNumberMax)}}">
      <!-- 首日 -->
      <image src='../../images/02025.png' class="img02025" wx:if="{{IsMember==0 && IsFirstDay}}">
        <view class="payButton" bindtap='getPay'></view>
      </image>
      <!-- 次日 -->
      <image src='../../images/02026.png' class="img02026 img02025" wx:if="{{IsMember==0 && !IsFirstDay && NewUserNumber<NewUserNumberMax}}">
        <view class="payButton2 payButton" bindtap='getPay'></view>
        <view class="getNewUser" bindtap='gotoNewUser'></view>
      </image>
      <!-- 满员 -->
      <image src='../../images/02027.png' class="img02027 img02025" wx:if="{{IsMember==0 && !IsFirstDay && NewUserNumber>=NewUserNumberMax}}">
        <view class="payButton2 payButton" bindtap='getPay'></view>
      </image>
      <!-- 已付 -->
      <image src='../../images/02028.png' class="img02028 img02025" wx:if="{{IsMember==1 && !IsFirstDay && NewUserNumber<NewUserNumberMax}}">
        <view class="getNewUser2 getNewUser" bindtap='gotoNewUser'></view>
      </image>
      <view class="line"></view>
      <view class="text">其它优惠</view>
      <image src='../../images/02029.png' class="img02029" bindtap='selectNav' data-id="2"></image>

      <view class="index10 index9 FlexRow">
        <image src='../../images/02016.png' class="imgWave" />
      </view>
    </view>

    <view class="index9 FlexRow" wx:if="{{(IsMember==0 && IsShow==0) || (IsMember==1 && NewUserNumber>=NewUserNumberMax)}}">
      <image src='../../images/02016.png' class="imgWave" />
    </view>
  </block>

  <block wx:if="{{NavClass1=='nav2'}}">
    <view class="index6 FlexColumn">
      <image src='../../images/{{item.ImageUrl}}' class="btn2" wx:for="{{ListProgram}}" wx:key="index" bindtap='switchProgram' data-appid='{{item.appId}}' data-path='{{item.path}}' />
    </view>
    <view class="bottom FlexColumn" bindtap='gotoAllPay' wx:if="{{IsShow==1 && IsMember==0}}">
      <view class="bottom1 FlexRow">
        <view class="left FlexColumn">
          <view class="text">成套购买更划算</view>
            <image src='../../images/02030.png' class="img02030" />
        </view>
        <view class="right">下单</view>
      </view>
    </view>
  </block>
  <view class="index5 FlexColumn">

    <view class="FooterDescription_1">©2014-2018 语文识字 - 小学生素质练习系列产品</view>
    <view class="FooterDescription_2" bindtap='updateMember'>微信小程序 版本 {{Version}} </view>
    <view class="index5_1 FlexRow">
      <view class="feedback" bindtap='gotoFeedback'>意见反馈</view>
      <view class="line"></view>
      <view class="feedback1 feedback" bindtap='gotoAbout' data-id='Cooperation'>关联您的公众号</view>
      <view class="line"></view>
      <view class="feedback" bindtap='gotoAbout'>业务合作</view>
    </view>
    <view class="index5_2">唱意教育旗下产品
    </view>
    <view class="index5_3 FlexRow">
      <image src='../../images/{{item.ImageUrl2}}' class="btn" wx:for="{{ListProgram}}" wx:key="index" bindtap='switchProgram' data-appid='{{item.appId}}' data-path='{{item.path}}' />
    </view>
    <view style='height:360rpx;' wx:if="{{NavClass1=='nav2'}}"></view>
  </view>

</view>

<view class="IsMemberForever container FlexColumn" style='height:{{Height}}rpx;' wx:if="{{IsMemberForeverRemind==1}}">
  <view class="btn">
    <view class="btn1 FlexColumn" catchtap="gotoPayList">
      <view class="panel1 FlexColumn">
        <image src='../../images/02023.png' class="img" />
        <view class="text1">恭喜你</view>
        <view class="text2">已获得永久有效期</view>
      </view>
      <view class="panel2 FlexColumn">
        知道了
      </view>
    </view>
  </view>
  <view class="close FlexColumn" catchtap='close'>
    <image src='../../images/02024.png' class="closeImage" />
  </view>
</view>