miaoguo_master/pages/miaoguo/detail.wxml

<view class="container FlexColumn" style='min-height:{{Containnerheight-50}}rpx;background-color:{{CurrentColor.BackColor}}' bindtap="onShowAnswer">
  <block wx:if="{{(NumberNew+NumberReview+NumberHistory)>0}}">
    <view class='panelTop FlexRow' style="background-color:{{CurrentColor.BackColor}}">
      <view class='panelCancel' wx:if="{{CanUndo==0}}">
      </view>
      <view class='panelCancel FlexRow' catchtap='gotoPrev' wx:if="{{CanUndo==1}}">
        <image src="../images/universalpic_undo_white_20x28.png" class='universalpic_undo_white_20x28' />
      </view>
      <view class='panelCancel1 panelCancel FlexRow' catchtap='gotoNext' data-time="1d" data-btnnumber="1" wx:if="{{NumberNew+NumberReview+NumberHistory>0}}">
        <image src="../images/universalpic_shelve_white_30x14.png" class='universalpic_shelve_white_30x14' />
      </view>
      <view class='panelNumber FlexRow' catchtap='showNumberContainner'>
        <view class="panelNumber1">{{NumberNew}}</view>
        <view class="panelNumber1">{{NumberHistory}}</view>
        <view class="panelNumber1">{{NumberReview}}</view>
        <view class="panelNumber2 panelNumber1">{{NumberNew+NumberReview+NumberHistory}}</view>
      </view>
      <view class='panelCancel2 panelCancel FlexRow' catchtap='onShowAnswer' data-start="true" wx:if="{{NumberNew+NumberReview+NumberHistory>0}}">
        <image src="../images/universalpic_restore_white_34x34.png" class='universalpic_restore_white_34x34' />
      </view>
      <view class='panelCancel FlexRow' catchtap='onMore' wx:if="{{NumberNew+NumberReview+NumberHistory>0}}">
        <image src="../images/universalpic_more_white_32x8.png" class='universalpic_more_white_32x8' />
      </view>

    </view>
    <view class="panelField1 FlexColumn">
      <view class="panelField11 panelItem FlexRow">
        <block wx:for="{{TaskList[0].Content.Field[1]}}" wx:key="index">
          <text class="textReturn" wx:if="{{index>0 && item.Type=='return'}}"></text>

          <text class="textNormal" wx:if="{{item.Type=='normal'}}">{{item.Content}}</text>

          <text class="textNormal FlexRow" wx:if="{{item.Type=='line'}}">
          <text>{{item.Content[0]}}</text>
          <text class="textLine">{{item.Content[1]}}</text>
          <text>{{item.Content[2]}}</text>
          </text>

          <image class="universalpic_read_gray_40x40" wx:if="{{item.Type=='sound'}}" src='../images/universalpic_read_gray_40x40.png' bindtap="playSound" data-content="{{item.Content}}" data-soundmark="{{item.SoundMark}}" />
          <text class="textPinyin" wx:if="{{item.Type=='sound'}}" catchtap="playSound" data-content="{{item.Content}}" data-soundmark="{{item.SoundMark}}">{{item.Content}}</text>

          <image class="imageBishun" wx:if="{{item.Type=='image'}}" src='{{item.Content}}' />
        </block>
      </view>

    </view>
    <view class="panelTag FlexRow">
      <view wx:if="{{!TaskList[0].Content.Tags || TaskList[0].Content.Tags.length==0}}"></view>
      <view class="panelTag1 FlexRow" wx:if="{{TaskList[0].Content.Tags && TaskList[0].Content.Tags.length>0}}">
        <view class="tag" wx:for="{{TaskList[0].Content.Tags}}" wx:key="index">{{item}}</view>
      </view>

      <view class='right2 FlexRow' catchtap='onShowAnswer' data-start="true" wx:if="{{IsShowAnswer[0]==1}}">
        <view class="line1"></view>
        <image class="universalpic_restore_black_34x34" src='../images/universalpic_restore_white_34x34.png' />
      </view>

    </view>
    <view class="panelField2 FlexRow" wx:for="{{[2,3]}}" wx:key="indexParent" wx:for-index="indexParent" wx:for-item="itemParent" wx:if="{{TaskList[0].Content.Field[itemParent].length>0 && IsShowAnswer[itemParent-2]}}">

      <view class="panelField21 panelItem FlexRow">
        <block wx:for="{{TaskList[0].Content.Field[itemParent]}}" wx:key="index">
          <text class="textReturn" wx:if="{{index>0 && item.Type=='return'}}"></text>

          <text class="textNormal" wx:if="{{item.Type=='normal'}}">{{item.Content}}</text>

          <text class="textNormal FlexRow" wx:if="{{item.Type=='line'}}">
          <text>{{item.Content[0]}}</text>
          <text class="textLine">{{item.Content[1]}}</text>
          <text>{{item.Content[2]}}</text>
          </text>

          <image class="universalpic_read_gray_40x40" wx:if="{{item.Type=='sound'}}" src='../images/universalpic_read_gray_40x40.png' bindtap="playSound" data-content="{{item.Content}}" data-soundmark="{{item.SoundMark}}" />
          <text class="textPinyin" wx:if="{{item.Type=='sound'}}" catchtap="playSound" data-content="{{item.Content}}" data-soundmark="{{item.SoundMark}}">{{item.Content}}</text>

          <image class="imageBishun" wx:if="{{item.Type=='image'}}" src='{{item.Content}}' />

        </block>
      </view>
    </view>
  </block>

  <!-- 最后一页 -->
  <view class='panelLast FlexColumn' wx:if="{{NumberNew+NumberReview+NumberHistory==0}}" style='min-height:{{Containnerheight}}rpx;'>
    <image class="practice_report_bg" src='../images/practice_report_bg.png' />
    <view class="Avatar"></view>
    <view class='text1'>嗨，第0天</view>
    <text class='text2'>君子曰：学不可以已\n——学习是不可以停止的，语出荀子</text>
    <view class="panelLastTime FlexColumn">
      <view>用时</view>
      <view class="time">00:35:00</view>
    </view>
  </view>

  <view style='height:180rpx;'></view>

  <view class='panelBottomAnswer panelBottom FlexRow' wx:if="{{IsShowAnswer[1]}}">
    <view class="Answer FlexColumn" hover-class="AnswerHover" catchtap='gotoNext' data-time="{{TaskList[0].Number0}}" data-btnnumber="0">
      <view class="Answer0 btnColor"></view>
      <view class="btnTime">
        {{TaskList[0].Number0Str}}
      </view>
    </view>
    <view class="Answer FlexColumn" hover-class="AnswerHover" catchtap='gotoNext' data-time="{{TaskList[0].Number1}}" data-btnnumber="3" wx:if="{{TaskList[0].Number1}}">
      <view class="Answer1 btnColor"></view>
      <view class="btnTime">
        {{TaskList[0].Number1Str}}
      </view>
    </view>
    <view class="Answer FlexColumn" hover-class="AnswerHover" catchtap='gotoNext' data-time="{{TaskList[0].Number2}}" data-btnnumber="4">
      <view class="Answer2 btnColor"></view>
      <view class="btnTime">
        {{TaskList[0].Number2Str}}
      </view>
    </view>
    <view class="Answer FlexColumn" hover-class="AnswerHover" catchtap='gotoNext' data-time="{{TaskList[0].Number3}}" data-btnnumber="5" wx:if="{{TaskList[0].Number3}}">
      <view class="Answer3 btnColor"></view>
      <view class="btnTime">
        {{TaskList[0].Number3Str}}
      </view>
    </view>
  </view>
</view>

<view wx:if="{{IsShowNumberInfo}}" catchtap='closeNumberContainner' class="numberContainer container FlexColumn" style='height:{{Containnerheight}}rpx;'>
  <view class='numberContainer1 FlexColumn'>
    <view class="numberContainer11 FlexRow">
      <view class='left'>剩余任务</view>
      <view class='numberContainer111 right'>今天还剩{{NumberNew+NumberReview+NumberHistory}}条</view>
    </view>
    <view class="numberContainer12 FlexRow">
      <view class='left'>新笔记</view>
      <view class='right'>{{NumberNew}}条</view>
    </view>
    <view class="lineWidthAll FlexRow">
      <view class="lineWidth700"></view>
    </view>
    <view class="numberContainer12 FlexRow">
      <view class='left'>旧笔记</view>
      <view class='right'>{{NumberHistory}}条</view>
    </view>
    <view class="lineWidthAll FlexRow">
      <view class="lineWidth700"></view>
    </view>
    <view class="numberContainer12 FlexRow">
      <view class='left'>重练</view>
      <view class='right'>{{NumberReview}}条</view>
    </view>
    <view class='lineFooter'></view>
    <view class="numberContainer13 FlexRow">
      <view>知道了</view>
    </view>
  </view>
</view>

<audio hidden='true' id="playAudio"></audio>