HanziLearn_master/pages/main/index.wxml

<view class="container FlexColumn" style='min-height:{{Height}}rpx;'>
  
  <view class="panelTop FlexRow">
    <view class="Avatar FlexColumn">
      <image src='../images/userface_default.png' class="AvatarImage" bindtap="gotoMemberCenter">
      </image>
      <image src='{{AvatarUrl}}' class="AvatarImage1" bindtap="gotoMemberCenter">
      </image>
    </view>
    
    <view class="panelTop1 FlexColumn">
      <view class="number" wx:if="{{!IsAccredit}}">-</view>
      <view class="number" wx:if="{{IsAccredit}}">{{DayNumber}}</view>
      <view class="panelTop11 FlexRow">持续天数</view>
    </view>
    <view class="panelTop1 FlexColumn">
      <view class="number" wx:if="{{!IsAccredit}}">-</view>
      <view class="number" wx:if="{{IsAccredit}}">{{FinishedCount}}</view>
      <view class="panelTop11 FlexRow">已学章节</view>
    </view>
    <view class="panelTop1 FlexColumn">
      <view class="number" wx:if="{{!IsAccredit}}">-</view>
      <view class="number" wx:if="{{IsAccredit}}">{{HanziNumber}}</view>
      <view class="panelTop11 FlexRow">总共识字</view>
    </view>
    <image src='../images/home_header_bg.png' class="home_header_bg" />
  </view>
  <view class="panelTop2 FlexRow" wx:if="{{IsMember==0 && IsShow==1}}" bindtap="goto" data-url="../../package4/main/buyad">
    <view class="panelTop21">帐户已过期，点这里升级到正式版</view>
  </view>
  <view class="panelList FlexRow">
    <view class="panelItem btn FlexColumn" wx:for="{{List}}" wx:key="*this">
      <image  src='../images/{{item.ImageUrl}}' bindtap="goto" data-url="{{item.Url}}"
      class="itemImg" />
    </view>
    <view class="panelTool FlexColumn">
      <view class="panelTool1">自测工具</view>
      <view class="panelTool2 FlexRow">
        <view class="btn1 btn FlexRow" bindtap='gotoSearch'>
          <image src='../images/universalpic_magnifier_black_30x30.png' class="search" />
        </view>
        <view class="btn2 btn FlexRow" bindtap="gotoReview">
          <view>复习</view>
          <view class="number2" wx:if="{{ReviewCount>0}}">{{ReviewCount}}</view>
        </view>
        <view class="btn2 btn FlexRow" bindtap="gotoTest">
          <view>测试</view>
        </view>
      </view>
    </view>

    <image src='../images/png02016.png' class="png02016" />
    <view class="panelOther FlexRow">
      <view class="panelOther1">其它产品</view>
      <image src='../images/home_triangle_up.png' class="home_triangle_up" />
    </view>
  </view>
  <view class="panelProduct FlexColumn">
    <view class="panelProduct10 panelProduct0 FlexColumn">
      <view class="panelProduct1">全科练习</view>
      <view class="panelProduct3 FlexRow" bindtap="showMiaoguo" >
        <image src='../images/sofewareicon_mg.png' class="sofewareicon_mg" />
        <view class="panelProduct31 FlexColumn">
          <view class="panelProduct311">秒过</view>
          <view class="panelProduct312">基础知识记忆工具</view>
        </view>
      </view>
    </view>

    <view class="panelProduct1">单科练习</view>
    <view class="panelProduct10 FlexRow" style="width:100%;">
      <view class="panelProduct0 FlexColumn">
        <view class="panelProduct2">数学</view>
        <view class="panelProduct3 FlexRow" bindtap='switchProgram' data-appid='wxa5441bbf344692ba' >
          <image src='../images/sofewareicon_ks.png' class="sofewareicon_mg" />
          <view class="panelProduct31 FlexColumn">
            <view class="panelProduct311">口算星球</view>
            <view class="panelProduct312">好玩的口算敏捷练习</view>
          </view>
        </view>
        <view class="panelProduct3 FlexRow" bindtap='switchProgram' data-appid='wx1fef080f74481cbd' >
          <image src='../images/sofewareicon_jst.png' class="sofewareicon_mg" />
          <view class="panelProduct31 FlexColumn">
            <view class="panelProduct311">计算题打印</view>
            <view class="panelProduct312">打印竖式横式计算题</view>
          </view>
        </view>
      </view>
      <view class="panelProduct0 FlexColumn">
        <view class="panelProduct2">语文</view>
        <view class="panelProduct3 FlexRow" bindtap='switchProgram' data-appid='wx331e8dd070f01d0e' >
          <image src='../images/sofewareicon_py.png' class="sofewareicon_mg" />
          <view class="panelProduct31 FlexColumn">
            <view class="panelProduct311">汉语拼音</view>
            <view class="panelProduct312">纯正发音练习</view>
          </view>
        </view>
        <view class="panelProduct3 FlexRow" bindtap='switchProgram' data-appid='wx313a8f2c0741efe1' >
          <image src='../images/sofewareicon_sz.png' class="sofewareicon_mg" />
          <view class="panelProduct31 FlexColumn">
            <view class="panelProduct311">识字</view>
            <view class="panelProduct312">小学六年课本同步</view>
          </view>
        </view>
      </view>
    </view>
    
    <view style="width:100%;height:20rpx;"></view>
    <view class="panelProduct10 panelProduct0 FlexColumn" bindtap='switchProgram' data-appid='wxb54a6d5aff836ee3' >
      <view class="panelProduct1">英语</view>
      <view class="panelProduct3 FlexRow">
        <image src='../images/sofewareicon_pd.png' class="sofewareicon_mg" />
        <view class="panelProduct31 FlexColumn">
          <view class="panelProduct311">自然拼读</view>
          <view class="panelProduct312">英语国家母语学习法</view>
        </view>
      </view>
    </view>
    <view style="width:100%;height:60rpx;"></view>
  </view>
  
  <image bindtap="showMiaoguo" src='../images/home_banner.png' class="home_banner" />
          
</view>

<view class="HelpInfo2 FlexColumn" style='height:{{Height}}rpx;' wx:if="{{IsMiaoguoAD2==1}}">
  <view class="btn">
    <view class="btn1 FlexColumn" catchtap="showMiaoguo">
      <image src='../images/home_banner_window.png' class="home_banner_window" />
      <view class="btn2">去领取</view>
    </view>
  </view>
  <view class="close2 FlexColumn" bindtap='close' data-num="1">
    以后再看
  </view>
  <view class="close FlexColumn" bindtap='close' data-num="0">
    <image src='../images/02024.png' class="closeImage" />
  </view>
</view>

<view class="HelpInfo2 FlexColumn" style='height:{{Height}}rpx;' wx:if="{{IsShowGift==1}}">
  <view class="btn">
    <view class="btn1 FlexColumn" catchtap="showMiaoguo">
      <view class="HelpInfo21 FlexColumn">
        <image src='../images/02023.png' class="png02014" />
        <view class="HelpInfo211">有效期已延长</view>
        <view class="HelpInfo212">识字20天礼品卡已兑换成功</view>
      </view>
      <view class="btn2" catchtap='goto' data-url='../../package4/main/getgiftlist'>查看记录</view>
    </view>
  </view>
  <view class="close FlexColumn" bindtap='close' data-num="0">
    <image src='../images/02024.png' class="closeImage" />
  </view>
</view>

<view class="PanelMiaoguo FlexColumn" style='height:{{Height}}rpx;' wx:if="{{IsShowMiaoguo==1}}" catchtap="closeMiaoguo">
  <view class="PanelMiaoguo1 FlexColumn">
    <image src='../images/bm_sy_illus.png' class="bm_sy_illus"/>
    <view class="Text1">该记的记不住</view>
    <view class="Text2">用「秒过」</view>
    <text class="Text3">帮助孩子记牢语数外基础知识的\n工具和练习方法</text>
    <view class="Text4">了解详情，欢迎参加</view>
    <view class="Text5">新手培训</view>
    <view class="btn3 FlexColumn" bindtap='switchProgram' data-appid='wx84b3feac6069eec3'>
      <image src='../images/bm_sy_banner-open.png' class="bm_sy_banner-open" />
    </view>

    <view class="btnReadme" catchtap='goto' data-url='../../package4/main/miaoguoreadme'></view>
    <view class="btnRecord" catchtap='goto' data-url='../../package4/main/getgiftlist'></view>
  </view>
</view>