PhonicsGame_master/pages/main/default.wxml

<view class="container FlexColumn" style="min-height:{{Containnerheight}}rpx;">
  <scroll-view class="scroll-view_H" scroll-x>
    <image class="homepage_headline_illus" src="../images/homepage_headline_illus.png" />
    <scroll-view scroll-y class="scrollview">
      <image class="homepage_headline_info" src="../images/homepage_headline_info.png" />
    </scroll-view>
  </scroll-view>

  <view class="panel FlexColumn">

    <view class="line1"></view>
    <view class="panel0 FlexRow">
      <view class="panel00 FlexColumn">

        <view class="panel000 FlexRow">
          <view class="line2"></view>
          <view class="textTitle">
            <view class="textTitle1">选题 + 打印</view>
            <view class="textTitle2">选题 + 打印</view>
          </view>
        </view>
        <view class="panel001 FlexRow">
          <view class="panel0010 FlexRow">
            <image wx:for="{{[1,2,3,4]}}" wx:key="index" bindtap='gotoList' data-id="{{item}}" class="homepage_question_illus_grade01" src="../images/homepage_question_illus_grade0{{item}}.png" />
          </view>
        </view>
        <view class="panel0011">
        </view>
        <image class="universalpic_line_zigzag_brown_down" src="../images/universalpic_line_zigzag_brown_down.png" />
        <image class="universalpic_line_zigzag_brown_up" src="../images/universalpic_line_zigzag_brown_up.png" />
        <view class="panel0011">
        </view>
        <view class="panel002 FlexRow">
          <view class="panel0020 FlexRow">
            <view class="panel00200 FlexColumn">
              <view class="textTitle3">
                <view class="textTitle4">练习记录</view>
                <view class="textTitle5">练习记录</view>
              </view>
              <view class="line3"></view>
              <view class="panel002000 FlexRow">
                <view class="text1">试卷张数</view>
                <view class="text2">{{AnswerLength}}</view>
              </view>
              <view class="line4 line3"></view>
              <view class="panel002000 FlexRow">
                <view class="text1">错题数</view>
                <view class="text">{{ErrorCount}}</view>
              </view>
              <view class="line4 line3"></view>
              <view class="panel002000 FlexRow">
                <view class="btn" bindtap='gotoErrorList'>
                  <view class="btn1">
                    错题集
                  </view>
                </view>

                <view class="btn2 btn" bindtap='gotoAnswer'>
                  <view class="btn3 btn1">
                    对答案
                  </view>
                </view>
              </view>
            </view>
            <view class="panel00201 FlexRow" bindtap="gotoMemberCenter">
              <image wx:if="{{!IsAccredit}}" class="universalpic_face_default_black_size01" src="../images/universalpic_face_default_black_size01.png" bindtap='gotoBindGetUserInfo' />
              <image wx:if="{{IsAccredit}}" class="universalpic_face_default_black_size01" src="{{AvatarUrl}}" />
              <view class="gear FlexRow">
                <image src='../images/02022.png' class="img" />
              </view>
            </view>
          </view>
          <image class="homepage_clipboard_illus_clip" src="../images/homepage_clipboard_illus_clip.png" />
          <image class="homepage_clipboard_illus_ruler" src="../images/homepage_clipboard_illus_ruler.png" />

        </view>
        <image class="universalpic_line_zigzag_brown_down" src="../images/universalpic_line_zigzag_brown_down.png" />

        <image src='../images/homepage_banner.png' class="homepage_banner" bindtap='switchProgram' data-appid='{{ProgramList[0].appId}}' data-path='{{ProgramList[0].path}}' />

        <image class="universalpic_line_zigzag_brown_up" src="../images/universalpic_line_zigzag_brown_up.png" />
        <view class="panel003 circularBottom FlexColumn">
          <view class="panel0030 FlexRow">
            <view class="panel00300 FlexColumn">
              <text class="text">©2018 唱意教育 - 数学计算题\n微信小程序 版本 {{version}}</text>
              <view class="panel003000 FlexRow">
                <view bindtap='gotoHelp'>帮助</view>
                <view class="line"></view>
                <view bindtap='gotoFeedback'>反馈</view>
                <view class="line"></view>
                <view bindtap='gotoFeedback'>合作</view>
              </view>
            </view>
            <button class="btn4 btn" open-type="share">
              <view class="btn5 btn1 FlexColumn">
                <image class="universalpic_share_size01" src="../images/universalpic_share_size01.png" />
                <view>分享</view>
              </view>
            </button>

          </view>

          <view class="panel0031 FlexColumn">
            <view class="panel00310 FlexColumn">
              唱意教育其它练习产品
            </view>
            <view class="line"></view>
            <block wx:for="{{ProgramList}}" wx:key="index">
              <view class="panel00311 FlexRow" bindtap='switchProgram' data-appid='{{item.appId}}' data-path='{{item.path}}'>
                <view class="panel003110 FlexRow">
                  <image class="universalpic_product_kousuan_icon_size01" src="../images/{{item.imageName}}.png" />
                  <view class="text">{{item.Name}}</view>
                </view>
                <image class="universalpic_indicator_maroon" src="../images/universalpic_indicator_pink.png" />
              </view>
              <view class="line"></view>

            </block>
          </view>
        </view>
      </view>
    </view>
  </view>
</view>
<image hidden="{{HelpHidden1}}" bindtap='closeHelp' class="Help_aside_homepage" src="../images/Help_aside_homepage.png" />

<audio hidden='true' id="myAudio"></audio>
<canvas class='Canvas' canvas-id="MyCanvas"></canvas>

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