PhonicsGame_master/pages/main/detail.wxml

<view class="container FlexColumn" style="min-height:{{Containnerheight}}rpx;">
  <image class="makepaper_headline_illus_lab" src="../../images/makepaper_headline_illus_lab.png" />
  <image class="questioncard_icon desaturate" src="{{FileUrl}}questioncard_icon_grade0606_size01.png" />
  <view class="Example">
    <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="text">
      {{QuestionTypeItem.Name}}
    </view>
  </view>
  <view class="line2"></view>
  <view class="line3">

  </view>
  <view class="line4"></view>
  <view class="panel1 FlexColumn">
    <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>
          <!-- <block wx:if="{{filter=='all'}}">横式+竖式</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="btnAddSub" bindtap='changePageNumber' data-id="-1"></view>
      <view class="Number">{{PageNumber}}</view>
      <view class="btnAddSub" bindtap='changePageNumber' data-id="1"></view>
    </view>

    <view class="text5">每份含 {{PageCount}} 道题目，至多 8 份</view>

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

    <view class="btn" bindtap='getFinish'>
      <view class="btn1">
        出题
      </view>
    </view>
  </view>
  <image class="universalpic_line_zigzag_black_down" src="../../images/universalpic_line_zigzag_black_down.png" />
  <block wx:if="{{IsFinished}}">
    <image class="universalpic_line_zigzag_black_up" src="../../images/universalpic_line_zigzag_black_up.png" />
    <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">完成了</view>
      <view class="text7">题目以图片格式保存到手机相册，共 {{arrPage.length}} 张</view>
      <view class="panel21 FlexRow">
        <image class="panel210" wx:for="{{arrPage}}" wx:key="index" src="{{item}}" data-id='{{index}}' bindtap='showImage' />
      </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">请到手机相册打印图片或转存到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>
          <text class="text9">题目做完后，在首页的批改栏目中看查看答案</text>
          <text class="text10" bindtap='gotoAnswer'>看答案</text>
        </view>
      </view>
    </view>
  </block>
  <view class="line5"></view>

  <view class="menu FlexColumn" wx:if="{{IsShowMenu}}">
    <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="panel FlexRow" bindtap='menuClick' data-id="all">
      <view>横式+竖式</view>
      <image wx:if="{{filter=='all'}}" 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 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="text">共 {{PageNumber}} 张图片</view>
      <view class="text2">正在保存第 {{arrPage.length}} 张... 可能需要{{WaitTime}}</view>
    </view>
    <view class="line3 FlexColumn">
      <view class="text3">使用建议</view>
      <view class="text4">每张卷子里的题目都是动态生成哒，每次出题都会得到不同的结果。</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>
<canvas class='Canvas' canvas-id="Canvas"></canvas>