miaoguo_master/pages/main/detail.wxml

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

    <!-- 工具栏 -->
    <view class='panelTop FlexRow' style='background-color:{{Color.BackColor}};'>
      <view class='panelCancel FlexRow' catchtouchstart='gotoEdit'>
        <view class='panelCancel0 FlexRow'>
          <image src="../images/universalpic_edit_gray_25x25.png" class='universalpic_edit_white_25x25' />
        </view>
      </view>
      <view class='panelCancel FlexRow' catchtouchstart='onFontSize'>
        <view class='panelCancel0 FlexRow'>
          <image src="../images/universalpic_typesize_gray_30x18.png" class='universalpic_typesize_white_30x18' />
        </view>
      </view>
      <view class='panelNumber FlexRow' catchtouchstart='showNumberContainner'>
        <view class="panelNumber1">{{NumberNew}}</view>
        <view class="panelNumber1">{{NumberHistory}}</view>
        <view class="panelNumber1">{{NumberReview}}</view>
        <view class="FlexColumn">
          <view class='panelNumber2 panelNumber1'>{{NumberNew+NumberReview+NumberHistory}}</view>
          <view class='panelNumber2Line' style='background-color:{{Color.LineColor}};'></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;">
        <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 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="1">
            <image class="universalpic_read_mark_black_20x20" src='../images/universalpic_read_mark_black_20x20.{{item.SoundImageName}}' />
          </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='panelTagLine' style='width:{{TaskInfo.TagWidth}}rpx;background-color:{{Color.LineColor}};'></view>
      <view class="panelTag1 FlexRow">
        <view class="tag" wx:for="{{TaskInfo.ContentNew.Tags}}" wx:key="index">{{item}}</view>
      </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}};'>
          <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.{{item.SoundImageName}}' />
          </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:linear-gradient({{Color.BackColor}},{{Color.BackColor2}});'></view> -->
    <view class='footer FlexColumn' style='background-color:{{Color.BackColor}}'>
      <view class="panelFooter FlexColumn" wx:if="{{!IsShowAnswer[0] && !IsShowAnswer[1]}}" catchtouchstart="onShowAnswer">
        看答案
      </view>
      <view class="panelFooter FlexColumn" wx:if="{{IsShowAnswer[0] && !IsShowAnswer[1]}}" catchtouchstart="onShowAnswer">
        显示第三段
      </view>
      <view class="panelFooter0 panelFooter FlexColumn" wx:if="{{IsShowAnswer[1]}}">
        <view class='panelBottomAnswer panelBottom FlexRow'>
          <view class="Answer FlexColumn" catchtouchstart='gotoNext' data-time="{{TaskInfo.Number0}}" data-btnnumber="0">
            <view class="Answer0 btnColor"></view>
            <view class="btnTime">
              {{TaskInfo.Number0Str}}
            </view>
          </view>
          <view class="Answer FlexColumn" catchtouchstart='gotoNext' data-time="{{TaskInfo.Number1}}" data-btnnumber="3" wx:if="{{TaskInfo.Number1}}">
            <view class="Answer1 btnColor"></view>
            <view class="btnTime">
              {{TaskInfo.Number1Str}}
            </view>
          </view>
          <view class="Answer FlexColumn" catchtouchstart='gotoNext' data-time="{{TaskInfo.Number2}}" data-btnnumber="4">
            <view class="Answer2 btnColor"></view>
            <view class="btnTime">
              {{TaskInfo.Number2Str}}
            </view>
          </view>
          <view class="Answer FlexColumn" catchtouchstart='gotoNext' data-time="{{TaskInfo.Number3}}" data-btnnumber="5" wx:if="{{TaskInfo.Number3}}">
            <view class="Answer3 btnColor"></view>
            <view class="btnTime">
              {{TaskInfo.Number3Str}}
            </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>

<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>