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 class="btn" bindtap="goto" data-id="5">
          <view class="btn1">
            <view class="panel1 FlexRow">
              <image src='../images/02031.png' class="img" />
            </view>
            <view class="panel2 FlexRow">
              <image src='../images/02032.png' class="img2" />
            </view>
          </view>
        </view>
        <view class="btn" bindtap="goto" data-id="6">
          <view class="btn1">
            <view class="panel1 FlexRow">
              <image src='../images/02035.png' class="img" />
            </view>
            <view class="panel2 FlexRow">
              <image src='../images/02036.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" bindtap="gotoMemberCenter">{{NickName}}</view>
      <view class="Member2 Member" wx:if="{{IsMember==0}}" bindtap="gotoMemberCenter">非会员</view>
      <view class="Member" wx:if="{{IsMember==1}}" bindtap="gotoMemberCenter">付费会员</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="btn5 btn3 btn" wx:if="{{ReviewCount==0}}" bindtap="gotoReview">
        <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>
      <view class="btn8 btn6 btn" bindtap="gotoTest">
        <view class="btn7 btn1">测试</view>
      </view>

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

  <block wx:if="{{NavClass1=='nav2'}}">
    <view class="index6 FlexColumn">
      <image wx:if="{{item.ImageUrl}}" 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" wx:if="{{NavClass1!='nav2'}}">
    <image src='../images/home_banner.png' class="home_banner" bindtap='switchProgram' data-appid='{{ListProgram[0].appId}}' data-path='{{ListProgram[0].path}}' />
  </view>
  
</view>


<view wx:if="{{IsExit}}" class="IsExitContainer container FlexColumn" style='height:{{Height}}rpx;'>
  <view class='IsExitText'>请竖起屏幕再打开小程序</view>
  <navigator class='isExit' open-type="exit" target="miniProgram">确认</navigator>
</view>