<import src="../template/cardShow.wxml" />
<navigation-bar title="检验中" show="true" left="true" background="{{Color.BackColor}}" color="#fff">
    <view slot="left" bindtap="onFinished">
      <view class="square">提前退出</view>
    </view>
</navigation-bar>

<view class="container FlexColumn" style='min-height:{{Containnerheight}}rpx;background-color:{{Color.BackColor}};' bindtap='onShowAnswer' data-type="all">
  <view class="panelTop FlexColumn" style="background-color:{{Color.BackColor}};">
    <view class="panelTop2 FlexRow">
    <view class="left FlexRow">
      <view class="Number2 Number1 FlexColumn">
        <view>{{CurrentIndex+1}}</view>
        <view class="line2 line1"></view>
      </view>
      <view class="Number1 FlexColumn">
        <view>{{TaskLength}}</view>
        <view class="line1"></view>
      </view>
    </view>
    <view class="right FlexRow">
      <view class="btnTop FlexRow" catchtap='onAutoPlay' data-id="1" wx:if="{{TestAutioPlay==0}}">
        <image src="../images/universalpic_broadcast_default_gray_34x25.png" class="universalpic_broadcast_default_gray_34x25" />
      </view>

      <block wx:if="{{!(BookID>=25 && BookID<=36)}}">
        <view class="btnTop FlexRow" catchtap='onAutoPlay' data-id="0"  wx:if="{{TestAutioPlay==1}}">
          <image src="../images/universalpic_broadcast_enable_tc0{{Color.ID}}_34x25.png" class="universalpic_broadcast_default_gray_34x25" />
        </view>
        <view class="panelTopText">自动播报</view>
      </block>
      
      <view class="btnTop FlexRow" catchtap='gotoNext' data-btnnumber="1">
        <image src="../images/universalpic_shelve_gray_26x26.png" class="universalpic_shelve_gray_26x26" />
      </view>
      <view class="btnTop FlexRow" catchtap='gotoNext' data-btnnumber="-1" >
        <image src="../images/universalpic_undo_gray_26x20.png" class="universalpic_undo_gray_26x20" />
      </view>
    </view>
    </view>
  </view>
  <view style='width:100%;height:140rpx;'></view>
  <template is="CardShow" data="{{Color:Color,Field:TaskInfo.ContentNew.Field,Tags:TaskInfo.ContentNew.Tags,IsShowAnswer:IsShowAnswer,TagWidth:TaskInfo.TagWidth,FontSize:TaskInfo.FontSize}}" />
  <view style='width:100%;height:180rpx;'></view>

  <!-- 下方按钮 -->
  <image class="footerShade" src="../images/study_learning_bgimage_tc0{{Color.ID}}.png" />
  <view class='footer FlexColumn'>
    <image class="footerImage" src="../images/study_learning_maskimage_tc0{{Color.ID}}.png" />
    <view class="panelFooter FlexColumn" hover-class='AnswerHover' wx:if="{{!IsShowAnswer[0] && !IsShowAnswer[1] && ClickType!=1}}" catchtap="onShowAnswer">
      看答案
    </view>
    <view class="panelFooter0 panelFooter FlexColumn" wx:if="{{IsShowAnswer[1]}}">
      <view class='panelBottomAnswer panelBottom FlexRow'>
        <view class="AnswerLeft Answer FlexColumn" hover-class='AnswerHover' catchtap='gotoNext' data-btnnumber="0">
          <view class="btnTime">
            答错
          </view>
          <view class="Answer0 btnColor"></view>
        </view>
        <view class="Answer FlexColumn" hover-class='AnswerHover' catchtap='gotoNext' data-btnnumber="4">
          <view class="btnTime">
            答对
          </view>
          <view class="Answer2 btnColor"></view>
        </view>
      </view>
    </view>
  </view>
</view>

<audio hidden='true' src="{{AudioSrc}}" id="myAudio" bindended="audioBindEnded" binderror="audioBindError"></audio>