PhonicsGame_master/pages/main/detail.wxml

<view class="container FlexColumn" style="min-height:{{Containnerheight}}rpx;">
  <block wx:if="{{!IsFinished}}">
    <image class="makepaper_headline_illus_lab" src="../images/makepaper_headline_illus_lab.png" wx:if="{{ID>0}}" />
    <image class="makepaper_headline_illus_lab" src="../images/makepaper_headline_illus_wrong.png" wx:if="{{ID==-1}}" />
    <image class="questioncard_icon desaturate" src="{{QuestionTypeItem.IconName}}" wx:if="{{ID>0}}" />
    <view class="Example" wx:if="{{ID>0}}">
      <view class="Example1">
        {{QuestionTypeItem.Example[0]}}
      </view>
      <view class="Example1">
        {{QuestionTypeItem.Example[1]}}
      </view>
    </view>

    <image class="makepaper_headline_illus_windows" src="../images/makepaper_headline_illus_windows.png" />
    <view class="line0"></view>
    <view class="line1 FlexColumn">
      <image class="makepaper_headline_illus_board FlexColumn" src="../images/makepaper_headline_illus_board.png" />
      <view class="{{QuestionTypeItem.NameClass}} text">
        {{QuestionTypeItem.Name}}
      </view>
    </view>
    <view class="line2"></view>
    <view class="line3"></view>
    <view class="line4"></view>
    <view class="panel1 FlexColumn" wx:if="{{ID>0}}">
      <view class="text1">算式类型</view>

      <block wx:if="{{QuestionTypeItem.QuestionNumber3==0}}">
        <view class="text2">横式</view>
        <view class="text3 FlexRow">
          <image class="universalpic_attention_black_size01" src="../images/universalpic_attention_black_size01.png" />
          <view class="text31">本知识点不适用竖式运算</view>
        </view>
      </block>

      <block wx:if="{{QuestionTypeItem.QuestionNumber3>0}}">
        <view class="text2_1"></view>
        <image class="universalpic_indicator_cell_size01" src="../images/universalpic_indicator_cell_size01.png" />
        <view class="panel10 FlexRow" bindtap='openMenu'>
          <view class="btnSelect">
            <block wx:if="{{filter=='horizontal'}}">横式</block>
            <block wx:if="{{filter=='vertical'}}">竖式</block>
          </view>
          <view class="btnAddSub"></view>
        </view>
      </block>

      <image class="universalpic_line_dashed_size01" src="../images/universalpic_line_dashed_size01.png" />

      <view class="text4">制作几张卷子</view>

      <image class="universalpic_value_cell_size01" src="../images/universalpic_value_cell_size01.png" />
      <view class="panel10 FlexRow">
        <view class="{{SubDisabled}} btnAddSub" bindtap='changePageNumber' data-id="-1"></view>
        <view class="Number">{{PageNumber}}</view>
        <view class="{{AddDisabled}} btnAddSub" bindtap='changePageNumber' data-id="1"></view>
      </view>

      <view class="text5">每张含 {{PageCount}} 道题目</view>

      <view class="panel11 FlexColumn" wx:if="{{IsMember==0}}">
        <view>说明：看15秒广告免费出题一次。</view>
      </view>
      <view class="btnStart" bindtap='getFinish'>
        <view class="btnStart1">
          出题
        </view>
      </view>
    </view>

    <view class="error4 panel1 FlexColumn" wx:if="{{ID==-1}}">
      <view class="error1 text4">题目</view>

      <image class="error2 universalpic_indicator_cell_size01" src="../images/universalpic_indicator_cell_size01.png" />
      <view class="panel10 FlexRow" bindtap='gotoError'>
        <view class="error3 btnSelect">
          {{QuestionTypeItem.ErrorList.length}}道
        </view>
        <view class="btnAddSub"></view>
      </view>
      
      <view class="btnStart0 btnStart" bindtap='getFinish'>
        <view class="btnStart1">
          出题
        </view>
      </view>
    </view>
    <view class="panel3"></view>
    <ad-custom class="ad_02" unit-id="adunit-b54dfbcc0a0197c0" bindload="adLoad" binderror="adError" bindclose="adClose"></ad-custom>
  </block>

  <block wx:if="{{IsFinished}}">
    <view class="panel2 FlexColumn">
      <view class="panel20 FlexRow">
        <image class="universalpic_right_white_size01" src="../images/universalpic_right_white_size01.png" />
      </view>
      <view class="text6">题目出好了，共有 {{arrPage.length}} 张卷子图片</view>
      <view class="androidPanel FlexRow" wx:if="{{ShowAndroidNotice}}" bindtap='ResetFinish'>
        <image class="universalpic_attention_blue_size01" src="../images/universalpic_attention_blue_size01.png" />
        <view class="text">由于微信BUG，安卓用户如遇卷面紊乱请</view>
        <view class="text2">重新出题</view>
      </view>
      <view class="panel21 FlexRow">
        <image class="panel210" wx:for="{{arrPage}}" wx:key="index" src="{{item}}" data-id='{{index}}' bindtap='showImage' />
      </view>
      <view class="btn2{{IsDistabled}} btn" bindtap='saveImageFile'>
        <view class="btn1{{IsDistabled}} btn1">
          {{BtnText}}
        </view>
      </view>
      <image class="universalpic_line_dashed_size01" src="../images/universalpic_line_dashed_size01.png" />
      <view class="text8">保存之后...</view>
      <view class="panel22 FlexRow">
        <view class="panel220 FlexColumn">
          <view class="panel2200 FlexColumn">
            <image class="universalpic_print_gray_size01" src="../images/universalpic_print_gray_size01.png" />
          </view>
          <text class="text9">1. 请到手机相册打印图片或转存到PC</text>
        </view>
        <view class="panel220 FlexColumn" >
          <view class="panel2200 FlexColumn">
            <image class="universalpic_write_gray_size01" src="../images/universalpic_write_gray_size01.png" />
          </view>
          <view class="text9" bindtap="gotoAnswer">2. 题目做完后，在首页 的批改栏目中
            <text class="text10">对答案</text>
          </view>
        </view>
      </view>
    </view>
    <view style='height:170rpx'></view>
  </block>
  <view class="line5"></view>

  <view class="menuPanel" style="min-height:{{Containnerheight}}rpx;" wx:if="{{IsShowMenu}}">
    <view class="menu FlexColumn">
      <view class="text1">算式类型</view>
      <view class="panel FlexRow" bindtap='menuClick' data-id="horizontal"><view>横式</view>
        <image wx:if="{{filter=='horizontal'}}" class="universalpic_select_on_black" src="../images/universalpic_select_on_black.png" />

      </view>
      <view class="line"></view>
      <view class="panel FlexRow" bindtap='menuClick' data-id="vertical">
        <view>竖式</view>
        <image wx:if="{{filter=='vertical'}}" class="universalpic_select_on_black" src="../images/universalpic_select_on_black.png" />

      </view>
      <view class="line"></view>
      <view class="line2"></view>
      <view class="line"></view>
      <view class="panel FlexRow" bindtap='closeMenu'>
        <view>取消</view>
      </view>
    </view>
  </view>
</view>

<view class="loading container FlexColumn" style="min-height:{{Containnerheight}}rpx;" wx:if="{{ShowLoading}}">
  <view class="loading1 FlexColumn">
    <view class="line1"></view>
    <view class="line2 FlexColumn">
      <view class="textLoading1">正在生成第 {{arrPage.length}} 张图片</view>
      <view class="textLoading2">共有 {{PageNumber}} 张图片，可能需要{{WaitTime}}</view>
    </view>
    <view class="line3 FlexColumn">
      <view class="textLoading3">使用建议</view>
      <view class="textLoading4">每张卷子里的题目都是动态生成哒，每次出题都会得到不同的结果。</view>
    </view>
    <view class="line4"></view>
    <image class="universalpic_attention_light_red_bg" src="../images/universalpic_attention_light_red_bg.png" />
    <image class="universalpic_attention_light_red" src="../images/universalpic_attention_light_red.gif" />

  </view>
  <view class="close FlexRow">
    <view class="close1 FlexRow" bindtap='closeLoading'>
      <image class="universalpic_close_white_size01" src="../images/universalpic_close_white_size01.png" />
    </view>
  </view>

</view>
<image hidden="{{HelpHidden3}}" bindtap='closeHelp' class="Help_aside_makepaper" src="../images/Help_aside_makepaper.png" />
<image hidden="{{HelpHidden7}}" bindtap='closeHelp2' class="Help_aside_savepaper" src="../images/Help_aside_savepaper.png" />
<image hidden="{{HelpHidden8}}" bindtap='closeHelp8' class="Help_aside_makepaper_wrong" src="../images/Help_aside_makepaper_wrong.png" />
<audio hidden='true' id="myAudio"></audio>
<canvas class='Canvas' style="width:1050rpx;height:1485rpx;" type="2d" id="Canvas"></canvas>