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="">
          <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="">
          <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="">
          <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="">
          <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">
        搜一搜，输入一个字
      </view>
    </view>

    <view class="index3 FlexColumn">
      <image src='{{AvatarUrl}}' class="Avatar" bindtap="getAccredit" />
      <view class="NickName">{{NickName}}</view>
      <view class="Member2 Member" wx:if="{{!IsMember}}">非会员</view>
      <view class="Member" wx:if="{{IsMember}}">付费会员</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}}">{{PhonicsNumber}}</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="index9 FlexRow">
      <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>
  </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">
      <button class="feedback" open-type="contact">
        <view class="index5_1_1">意见反馈</view>
      </button>
      <view class="line"></view>
      <view class="feedback1 feedback" bindtap='gotoAbout'>关联您的公众号</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>

</view>