miaoguo_master/pages/main/detail.wxml

<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' catchtouchstart='gotoCollect'>
        <view class='panelCancel0 FlexRow'>
          <image hidden='{{TaskInfo.IsCollect}}' src="../images/universalpic_fav_default_gray_26x24.png" class='universalpic_fav_default_gray_26x24' />
          <image hidden='{{!TaskInfo.IsCollect}}' src="../images/universalpic_fav_enable_tc0{{Color.ID}}_26x24.png" class='universalpic_fav_default_gray_26x24' />
        </view>
      </view>
      <view class='panelCancel FlexRow' catchtouchstart='onMore'>
        <view class='panelCancel0 FlexRow'>
          <image src="../images/universalpic_more_gray_32x8.png" class='universalpic_more_gray_32x8' />
        </view>
      </view>
      <view class='panelNumber FlexRow' catchtouchstart='showNumberContainner'>
        <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>
      </view>
      <view class='panelCancel FlexRow' catchtouchstart='gotoNext' data-time="1d" data-btnnumber="1">
        <view class='panelCancel0 FlexRow'>
          <image src="../images/universalpic_shelve_gray_26x26.png" class='universalpic_shelve_white_26x26' />
        </view>
      </view>
      <view class='panelCancel FlexRow' wx:if="{{CanUndo==0}}">
        <view class='panelCancel0 FlexRow'>
          <image src="../images/universalpic_undo_gray_26x20.png" class='universalpic_undo_white_30p_26x20' />
        </view>
      </view>
      <view class='panelCancel FlexRow' catchtouchstart='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>

    <view class="panelField1 FlexColumn" style='background-color:{{Color.BackColor}};'>
      <view class="editFieldNull"></view>
      <view class="panelField11 panelItem FlexRow" style="font-size:{{TaskInfo.FontSize}}rpx;">
        <text class="textProblem" wx:if="{{TaskInfo.ContentNew.Field[1][0].Type!='line'}}">题目</text>
        <block wx:for="{{TaskInfo.ContentNew.Field[1]}}" wx:key="index">

          <text class="textReturn" wx:if="{{index>0 && item.Type=='return'}}"></text>
          <view class="textBr" wx:if="{{index>0 && item.Type=='br'}}" style="height:{{TaskInfo.FontSize/2}}rpx;"></view>
          <text class="textNormal" selectable="true" space='ensp' wx:if="{{item.Type=='normal'}}">{{item.Content}}</text>
          <text class="textNormal" selectable="true" space='ensp' wx:if="{{item.Type=='line'}}">
            <text class="textProblem" wx:if="{{index==0}}">题目</text>
          <block wx:for="{{item.Content}}" wx:key="contentIndex" wx:for-item="contentItem" wx:for-index="contentIndex">
            <text space='ensp' wx:if="{{contentItem.key=='normal'}}">{{contentItem.value}}</text>
            <text class="textLine" wx:if="{{contentItem.key=='line'}}">{{contentItem.value}}</text>
          </block>
          </text>

          <view class="panelSound FlexRow" hover-class='panelSoundHover' hover-stay-time="1000" wx:if="{{item.Type=='sound'}}" catchtap="playSound" data-content="{{item.Content}}" data-soundmark="{{item.SoundMark}}" data-fieldid="1">
            <image class="universalpic_read_mark_black_20x20" src='../images/universalpic_read_mark_black_20x20.png' />
          </view>

          <view class="textPinyin" hover-class='panelSoundHover1' hover-stay-time="1000" wx:if="{{item.Type=='sound'}}" catchtap="playSound" data-content="{{item.Content}}" data-soundmark="{{item.SoundMark}}" data-fieldid="1">{{item.Content}}</view>

          <view class="imageContainer FlexColumn" wx:if="{{item.Type=='image'}}" style='width:{{item.Width}}rpx;height:{{item.Height}}rpx;'>
            <image class="imageFree" mode="widthFix" src='{{item.Content}}' bindtap='showImage' data-name="{{item.Content}}" data-serverurl="{{item.ContentServer}}" binderror="onBindError" />
          </view>
        </block>
      </view>
    </view>

    <!-- 标签 -->
    <view class="panelTag FlexColumn" wx:if="{{TaskInfo.ContentNew.Tags.length>0}}">
      <view class="panelTag1 FlexRow">
        <view class="tag" wx:for="{{TaskInfo.ContentNew.Tags}}" wx:key="index">{{item}}</view>
      </view>
      <view class='panelTagLine' style='width:{{TaskInfo.TagWidth}}rpx;background-color:{{Color.LineColor}};'></view>

    </view>

    <!-- 第二段和第三段 -->
    <view class="panelField20 FlexColumn">
      <view class="editFieldNull2"></view>
      <view id="ViewField{{itemParent}}" class="panelField2 FlexColumn" wx:for="{{[2,3]}}" wx:key="indexParent" wx:for-index="indexParent" wx:for-item="itemParent" wx:if="{{TaskInfo.ContentNew.Field[itemParent].length>0 && IsShowAnswer[itemParent-2]}}" style='background-color:{{Color.FieldBackColor}};'>
        <view class="panelField21 panelItem FlexRow" style='color:{{Color.FieldColor}};'>
          <image class="universalpic_starting_tc01_26x26" src='../images/universalpic_starting_tc01_26x26.png' />

          <block wx:for="{{TaskInfo.ContentNew.Field[itemParent]}}" wx:key="index">
            <text class="textReturn" wx:if="{{index>0 && item.Type=='return'}}"></text>
            <view class="textBr" wx:if="{{index>0 && item.Type=='br'}}"></view>

            <text class="textNormal2 textNormal" selectable="true" space='ensp' wx:if="{{item.Type=='normal'}}">{{item.Content}}</text>

            <text class="textNormal2 FlexRow" selectable="true" space='ensp' wx:if="{{item.Type=='line'}}">
              <block wx:for="{{item.Content}}" wx:key="contentIndex" wx:for-item="contentItem">
                <text space='ensp' wx:if="{{contentItem.key=='normal'}}">{{contentItem.value}}</text>
            <text class="textLine" wx:if="{{contentItem.key=='line'}}">{{contentItem.value}}</text>
          </block>
          </text>

          <view class="panelSound FlexRow" hover-class='panelSoundHover' hover-stay-time="1000" wx:if="{{item.Type=='sound'}}" catchtap="playSound" data-content="{{item.Content}}" data-soundmark="{{item.SoundMark}}" data-fieldid="{{itemParent}}">
            <image class="universalpic_read_mark_black_20x20" src='../images/universalpic_read_mark_black_20x20.png' />
          </view>

          <view class="textPinyin" hover-class='panelPinyinHover1' hover-stay-time="1000" wx:if="{{item.Type=='sound'}}" catchtap="playSound" data-content="{{item.Content}}" data-soundmark="{{item.SoundMark}}" data-fieldid="{{itemParent}}">{{item.Content}}</view>

          <view class="imageContainer2 FlexColumn" wx:if="{{item.Type=='image'}}" style='width:{{item.Width}}rpx;height:{{item.Height}}rpx;'>
            <image class="imageFree2" mode="widthFix" src='{{item.Content}}' bindtap='showImage' data-name="{{item.Content}}" data-serverurl="{{item.ContentServer}}" binderror="onBindError" />
          </view>
  </block>
  </view>
  </view>
  </view>

  <view class='footer0'></view>



  <!-- 下方按钮 -->
  <view class="footerShade" style='background-image:url(../images/study_learning_bgimage_tc0{{Color.ID}}.png);'></view>
  <view class='footer FlexColumn' style='background-color:{{Color.BackColor}}'>
    <view class="panelFooter FlexColumn" wx:if="{{!IsShowAnswer[0] && !IsShowAnswer[1] && ClickType!=1}}" catchtouchstart="onShowAnswer">
      看答案
    </view>
    <view class="panelFooter FlexColumn" wx:if="{{IsShowAnswer[0] && !IsShowAnswer[1] && ClickType!=1}}" catchtouchstart="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}}' 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}}' class="Answer1Recommend Answer2 btnColor"></view>

        </view>
        <view class="AnswerRight Answer FlexColumn" hover-class='AnswerHover' catchtap='gotoNext' data-time="{{TaskInfo.Number3}}" data-btnnumber="5" wx:if="{{TaskInfo.Number3}}">
          <view class="btnTime">
            {{TaskInfo.Number3Str}}
          </view>
          <view wx:if='{{Recommend!=3}}' class="Answer3 btnColor"></view>
          <view wx:if='{{Recommend==3}}' class="Answer1Recommend Answer3 btnColor"></view>
        </view>
      </view>
      <!-- <view class="iphoneX" wx:if="{{IsIphoneX}}" style='background-color:{{Color.BackColor2}};'></view> -->
    </view>

  </view>
  </block>
  <!-- 最后一页 -->
  <block wx:if="{{NumberNew+NumberReview+NumberHistory==0}}">
    <view class='panelLast FlexColumn' style='height:{{Containnerheight}}rpx;background-color:{{Color.BackColor}};'>
      <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}}rpx;background-color:{{Color.BackColor}};'>
    <view class="numberContainer11 FlexRow">
      今日剩余任务量
    </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'>总计</view>
      <view class='right3' style='color:{{Color.LineColor}};'>{{NumberNew+NumberReview+NumberHistory}}张</view>
    </view>
    <view class='lineFooter'></view>
    <view class="numberContaineFooter FlexRow" catchtap='closeNumberContainner'>
      <view>关闭</view>
    </view>
  </view>

  <!-- 更多功能 -->
  <view wx:if="{{IsMore}}" class="numberContainer FlexColumn" style='height:{{Containnerheight}}rpx;background-color:{{Color.BackColor}};'>
    <view class="numberContainerFooter1 FlexColumn">
      <view class='lineFooter'></view>
      <view class='numberContainerFooter102 FlexRow' catchtap="gotoEdit">
        <image src="../images/universalpic_edit_gray_25x25.png" class='universalpic_edit_gray_25x25' />
        <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}}'>{{item.Name}}</view>
          </view>
        </view>
      </view>
    </view>
    <view class='lineFooter'></view>
    <view class="numberContaineFooter FlexRow" catchtap='closeNumberContainner'>
      <view>关闭</view>
    </view>
  </view>
</view>

<canvas class='Canvas' canvas-id="shareCanvas"></canvas>
<audio hidden='true' id="myAudio0"></audio>
<audio hidden='true' id="myAudio1"></audio>
<audio hidden='true' id="myAudio2"></audio>
<audio hidden='true' id="myAudio3"></audio>