miaoguo_master/pages/main/detail.wxml

<import src="../template/cardShow.wxml" />
<navigation-bar show="true" center="true" left="true" background="{{Color.BackColor}}" color="#fff">
    <view slot="left" bindtap="onClose">
      <view class="square">退出练习</view>
    </view>
    <view slot="center" bindtap="showNumberContainner" class='panelNumber FlexRow'>
      <block wx:if="{{!Title}}">
        <view class="FlexColumn">
          <view class='panelNumber1'>{{NumberNew}}</view>
          <view hidden="{{!TaskInfo.IsNew || TaskInfo.IsReview}}" class='panelNumber2Line' style='background-color:{{Color.LineColor}};'></view>
        </view>
        <view class="FlexColumn">
          <view class='panelNumber1'>{{NumberHistory}}</view>
          <view hidden="{{!TaskInfo.IsHistory || TaskInfo.IsReview}}" class='panelNumber2Line' style='background-color:{{Color.LineColor}};'></view>
        </view>
        <view class="FlexColumn">
          <view class='panelNumber1'>{{NumberReview}}</view>
          <view hidden="{{!TaskInfo.IsReview}}" class='panelNumber2Line' style='background-color:{{Color.LineColor}};'></view>
        </view>
        <view class="FlexColumn">
          <view class='panelNumber2 panelNumber1'>{{NumberNew+NumberReview+NumberHistory}}</view>
        </view>
      </block>
      <block wx:if="{{Title}}">{{Title}}</block>
    </view>
</navigation-bar>

<view class="container FlexColumn" style='min-height:{{Containnerheight}}rpx;background-color:{{Color.BackColor}}' bindtap='onShowAnswer' data-type="all">
  <!-- 练习中 -->
  <block wx:if="{{(NumberNew+NumberReview+NumberHistory)>0}}">

    <!-- 工具栏 -->
    <view class='panelTop FlexRow' style='background-color:{{Color.BackColor}};'>
      <view class='panelCancel FlexRow' catchtap='gotoCollect'>
        <view class='panelCancel0 FlexRow'>
          <image hidden='{{TaskInfo.IsCollect}}' src="../images/universalpic_star_gray_34x34.png" class='universalpic_star_gray_34x34' />
          <image hidden='{{!TaskInfo.IsCollect}}' src="../images/universalpic_star_tc0{{Color.ID}}_34x34.png" class='universalpic_star_gray_34x34' />
        </view>
      </view>
      <view class='panelCancel FlexRow' catchtap="gotoEdit">
        <view class='panelCancel0 FlexRow'>
          <image src="../images/universalpic_edit_gray_25x25.png" class='universalpic_edit_gray_25x25' />
        </view>
      </view>
      <view class='panelCancel FlexRow' catchtap='onMore'>
        <view class='panelCancel0 FlexRow'>
          <image src="../images/universalpic_more_gray_32x8.png" class='universalpic_more_gray_32x8' />
        </view>
      </view>
      
      <view class='panelCancel FlexRow' wx:if="{{IsShowAnswer[0]==0}}">
        <view class='panelCancel0 FlexRow'>
          <image src="../images/universalpic_han_fff20_28x25.png" class='universalpic_han_gray_28x25' />
        </view>
      </view>
      <view class='panelCancel FlexRow' catchtap='onPullDownRefresh' wx:if="{{IsShowAnswer[0]==1}}">
        <view class='panelCancel0 FlexRow'>
          <image src="../images/universalpic_han_gray_28x25.png" class='universalpic_han_gray_28x25' />
        </view>
      </view>
      
      <view class='panelCancel FlexRow' wx:if="{{CanUndo==0}}">
        <view class='panelCancel0 FlexRow'>
          <image src="../images/universalpic_undo_white_30p_26x20.png" class='universalpic_undo_white_30p_26x20' />
        </view>
      </view>
      <view class='panelCancel FlexRow' catchtap='gotoPrev' wx:if="{{CanUndo==1}}">
        <view class='panelCancel0 FlexRow'>
          <image src="../images/universalpic_undo_gray_26x20.png" class='universalpic_undo_white_30p_26x20' />
        </view>
      </view>

    </view>

    <view class="panelField10" style='background-color:{{Color.BackColor}};'></view>

    <template is="CardShow" data="{{Color:Color,Field:TaskInfo.ContentNew.Field,Tags:TaskInfo.ContentNew.Tags,IsShowAnswer:IsShowAnswer,TagWidth:TaskInfo.TagWidth,FontSize:TaskInfo.FontSize,TextSpace}}" />

    <view class="StopAudioPlay FlexRow" wx:if="{{IsAutoSound && IsAutoSoundStart}}" style="background-color:{{Color.BackColor3}};" catchtap="autoAudioPlayEnd">
      ■ 停止播放
    </view>
    <view class='footer0'></view>

    <!-- 下方按钮 -->
    <image wx:if="{{!IsIPad}}" class="footerShade" src="../images/study_learning_bgimage_tc0{{Color.ID}}.png" />
    <view class='footer FlexColumn'>
      <image wx:if="{{!IsIPad}}" class="footerImage" src="../images/study_learning_maskimage_tc0{{Color.ID}}.png" />
      <view wx:if="{{IsIPad}}" class="footerImage" style="background-color:{{Color.BackColor}}"></view>
      <view class="panelFooter FlexColumn" wx:if="{{!IsShowAnswer[0] && !IsShowAnswer[1] && ClickType!=1}}" catchtap="onShowAnswer">
        看答案
      </view>
      <view class="panelFooter FlexColumn" 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-time="{{TaskInfo.Number0}}" data-btnnumber="0">
            <view class="btnTime">
              {{TaskInfo.Number0Str}}
            </view>
            <view class="Answer0 btnColor"></view>
          </view>
          <view class="Answer FlexColumn" hover-class='AnswerHover' catchtap='gotoNext' data-time="{{TaskInfo.Number1}}" data-btnnumber="3" wx:if="{{TaskInfo.Number1}}">
            <view class="btnTime">
              {{TaskInfo.Number1Str}}
            </view>
            <view wx:if='{{Recommend!=1}}' class="Answer1 btnColor"></view>
            <view wx:if='{{Recommend==1 && MemoryLevel==1}}' class="Answer1Recommend Answer1 btnColor"></view>
          </view>
          <view class="Answer FlexColumn" hover-class='AnswerHover' catchtap='gotoNext' data-time="{{TaskInfo.Number2}}" data-btnnumber="4">
            <view class="btnTime">
              {{TaskInfo.Number2Str}}
            </view>
            <view wx:if='{{Recommend!=2}}' class="Answer2 btnColor"></view>
            <view wx:if='{{Recommend==2 && MemoryLevel==1}}' class="Answer1Recommend Answer2 btnColor"></view>

          </view>
          <view class="Answer FlexColumn" hover-class='AnswerHover' catchtap='gotoNext' data-time="{{TaskInfo.Number3}}" data-btnnumber="5" wx:if="{{TaskInfo.Number3 && MemoryLevel==1}}">
            <view class="btnTime">
              {{TaskInfo.Number3Str}}
            </view>
            <view wx:if='{{Recommend!=3}}' class="Answer3 btnColor"></view>
            <view wx:if='{{Recommend==3 && MemoryLevel==1}}' class="Answer1Recommend Answer3 btnColor"></view>
          </view>
          <view class="line2"></view>
          <view class="AnswerRight FlexColumn" hover-class='AnswerHover' catchtap='gotoNext' data-time="1d" data-btnnumber="1">
            <view class="btnTime">
              搁置
            </view>
            <view class="Answer4 btnColor"></view>
          </view>
          
        </view>
      </view>

    </view>
  </block>
  <!-- 最后一页 -->
  <block wx:if="{{NumberNew+NumberReview+NumberHistory==0}}">
    <view class='panelLast FlexColumn' style='height:{{Containnerheight}}rpx;background-color:{{Color.BackColor}};top:{{topBarHeight}}rpx;'>
      <view class='text1{{IsIPad}}'>做完了</view>
      <view class="panelLastTime FlexColumn">
        <view style='color:{{Color.FrontColor1}};'>今日练习总共用时</view>
        <view class="time1 FlexRow" style='color:{{Color.LineColor}}'>
          <view class='time11'>{{TodayTime}}</view>
          <view>分钟</view>
        </view>
      </view>
      <view class="panelLastTime FlexColumn">
        <view style='color:{{Color.FrontColor1}};'>单张题卡平均用时</view>
        <view class="time2" style='color:{{Color.LineColor}}'>{{Speed2}}</view>
      </view>
      <view class="panelLastTime FlexColumn">
        <view style='color:{{Color.FrontColor1}};'>每分钟可练习</view>
        <view class="time2" style='color:{{Color.LineColor}}'>{{Speed1}}</view>
      </view>
      <view class='panelLastFooter'>
        <view class="panelLastFooter1 FlexRow" bindtap='buildShareImage'>
          <image src="../images/universalpic_screenshot_gray_30x30.png" class='universalpic_screenshot_gray_30x30' />
          <view>群接力</view>
        </view>
        <view class="panelLastFooter2 FlexRow" bindtap='onClose'>
          <view>关闭</view>
        </view>
      </view>
    </view>
  </block>
  <!-- 今日任务量 -->
  <view wx:if="{{IsShowNumberInfo}}" class="numberContainer FlexColumn" style='height:{{Containnerheight+100}}rpx;background-color:{{Color.BackColor}};top:{{topBarHeight}}rpx;'>
    <view class="numberContainerFooter1 FlexColumn">
      <view class='lineFooter'></view>
      <view class="numberContainer12 FlexRow">
        <view class='left'>新题卡</view>
        <view class='right3'>{{NumberNew}}张</view>
      </view>
      <view class="lineWidthAll FlexRow">
        <view class="lineWidth720"></view>
      </view>
      <view class="numberContainer12 FlexRow">
        <view class='left'>旧题卡</view>
        <view class='right3'>{{NumberHistory}}张</view>
      </view>
      <view class="lineWidthAll FlexRow">
        <view class="lineWidth720"></view>
      </view>
      <view class="numberContainer12 FlexRow">
        <view class='left'>本轮及时强化 / 并回顾上次练习未练完的题卡</view>
        <view class='right3'>{{NumberReview}}张</view>
      </view>
      <view class="lineWidthAll FlexRow">
        <view class="lineWidth720"></view>
      </view>
      <view class="numberContainer12 FlexRow">
        <view class='left' style='color:{{Color.LineColor}};'>未练完总计</view>
        <view class='right3' style='color:{{Color.LineColor}};'>{{NumberNew+NumberReview+NumberHistory}}张</view>
      </view>
      <view class='lineFooter'></view>
    
    </view>
    <view class="numberContaineFooter FlexRow" catchtap='closeNumberContainner'>
      <view>关闭</view>
    </view>
  </view>

  <!-- 更多功能 -->
  <view wx:if="{{IsMore}}" class="numberContainer FlexColumn" style='min-height:{{Containnerheight+100}}rpx;background-color:{{Color.BackColor}};top:{{topBarHeight}}rpx;'>
    <view class="numberContainerFooter1 FlexColumn">
      <view class='lineFooter'></view>
      <view class='numberContainerFooter102 FlexRow' catchtap='gotoNext' data-btnnumber="2">
        <image src="../images/universalpic_sendtoback_gray_30x26.png" class='universalpic_sendtoback_gray_30x26' />
        <view class='numberContainerFooter111'>挪到最后</view>
      </view>      
      <view class='lineFooter'></view>
      
      <view class='numberContainerFooter101 FlexRow'>
        <image src="../images/universalpic_typesize_gray_30x18.png" class='universalpic_typesize_gray_30x18' />
        <view class='numberContainerFooter11 FlexColumn'>
          <view class='numberContainerFooter111'>调整题目字号</view>
          <view class='numberContainerFooter112 FlexRow'>
            <view class='numberContainerFooter1121' wx:for="{{FontSizeArray}}" wx:key="index" catchtap='onFontSize' data-value='{{item.Value}}' style='{{item.CSS}}'>{{item.Name}}</view>
          </view>
        </view>
      </view>
      <view class='lineFooter'></view>

      <view class='numberContainerFooter102 FlexRow' catchtap='saveCardType'>
        <image src="../images/universalpic_practisemodel_gray_30x28.png" class='universalpic_practisemodel_gray_30x28' />
        <view class='numberContainerFooter111'>把这张题卡归档</view>
      </view>
            
      <view class='lineFooter'></view>
      
      <view class='numberContainerFooter102 FlexRow'>
        <image src="../images/universalpic_autoread_gray_30x23.png" class='universalpic_autoread_gray_30x23' />
        <view class='numberContainerFooter111'>自动播放题卡里的声音</view>
        <switch class="switch" color="#4CD964" checked="{{IsAutoSound}}" bindchange="switchSound"/>
      </view>
            
      <view class='lineFooter'></view>
    </view>
    <view class="numberContaineFooter FlexRow" catchtap='closeNumberContainner'>
      <view>关闭</view>
    </view>
  </view>
</view>

<canvas class='Canvas' canvas-id="shareCanvas"></canvas>

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