miaoguo_master/pages/main/detail.wxml

<view class="container FlexColumn" style='min-height:{{Containnerheight-50}}rpx;'>
  <view class='panelTop FlexRow'>
    <view class='panelCancel' wx:if="{{NumberNew+NumberReview+NumberHistory==0}}">
    </view>
    <view class='panelCancel' wx:if="{{NumberNew+NumberReview+NumberHistory==0}}">
    </view>

    <view class='panelCancel FlexRow' bindtap='gotoEdit' wx:if="{{NumberNew+NumberReview+NumberHistory>0}}">
      <image src="../images/universalpic_edit_white_25x25.png" class='universalpic_edit_white_25x25' />
    </view>
    <view class='panelCancel FlexRow' bindtap='onFontSize' wx:if="{{NumberNew+NumberReview+NumberHistory>0}}">
      <image src="../images/universalpic_typesize_white_30x18.png" class='universalpic_typesize_white_30x18' />
    </view>

    <view class='panelNumber FlexRow' bindtap='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='panelCancel FlexRow' bindtap='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='panelCancel' wx:if="{{NumberNew+NumberReview+NumberHistory==0}}">
    </view>

    <view class='panelCancel FlexRow' bindtap='gotoPrev' wx:if="{{CanUndo==1}}">
      <image src="../images/universalpic_undo_white_26x20.png" class='universalpic_undo_white_26x20' />
    </view>

    <view class='panelCancel' wx:if="{{CanUndo==0}}">
    </view>

  </view>

  <!-- 练习页 -->
  <block wx:if="{{(NumberNew+NumberReview+NumberHistory)>0}}">

    <view class="panelField10"></view>
    <view class="panelField1 FlexColumn" bindtap="onShowAnswer">
      <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>

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

          <text class="textNormal FlexRow" wx:if="{{item.Type=='line'}}">
            <block wx:for="{{item.Content}}" wx:key="contentIndex" wx:for-item="contentItem">
              <text 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" wx:if="{{item.Type=='sound'}}" bindtap="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>

        <text class="textPinyin" wx:if="{{item.Type=='sound'}}" catchtap="playSound" data-content="{{item.Content}}" data-soundmark="{{item.SoundMark}}" data-fieldid="1">{{item.Content}}</text>

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

  </view>
  <view class="panelTag FlexRow" bindtap="onShowAnswer">
    <view wx:if="{{!TaskInfo.ContentNew.Tags || TaskInfo.ContentNew.Tags.length==0}}"></view>
    <view class="panelTag1 FlexRow" wx:if="{{TaskInfo.ContentNew.Tags && TaskInfo.ContentNew.Tags.length>0}}">
      <view class="tag" wx:for="{{TaskInfo.ContentNew.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="panelField20 FlexColumn" style='min-height:{{Containnerheight-480}}rpx;' bindtap="onShowAnswer">
    <view 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]}}">

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

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

          <text class="textNormal2 FlexRow" wx:if="{{item.Type=='line'}}">
            <block wx:for="{{item.Content}}" wx:key="contentIndex" wx:for-item="contentItem">
              <text 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" wx:if="{{item.Type=='sound'}}" bindtap="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>

        <text class="textPinyin" wx:if="{{item.Type=='sound'}}" catchtap="playSound" data-content="{{item.Content}}" data-soundmark="{{item.SoundMark}}" data-fieldid="{{itemParent}}">{{item.Content}}</text>

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

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

  <!-- 最后一页 -->
  <view class='panelLast FlexColumn' wx:if="{{NumberNew+NumberReview+NumberHistory==0}}" style='height:{{Containnerheight-50}}rpx;'>
    <view class='text1'>做完了</view>

    <view class="panelLastTime FlexColumn">
      <view>今日用时</view>
      <view class="time">{{TodayTime}}</view>
    </view>
    <view class="panelLastTime FlexColumn">
      <view>每分钟可练习</view>
      <view class="time">{{Speed1}}</view>
    </view>
    <view class="panelLastTime FlexColumn">
      <view>单条笔记平均用时</view>
      <view class="time">{{Speed2}}</view>
    </view>

    <image src="../images/practice_introduction_marks_a.png" class='practice_introduction_marks_a' />
    <text class='text2'>君子曰：学不可以已\n——意指求学之路无止境。</text>
    <image src="../images/practice_introduction_marks_b.png" class='practice_introduction_marks_b' />

    <text class='text3'>我是荀子，战国末期赵国人\n思想家、文学家、政治家\n约公元前313年－公元前238年</text>

  </view>

  <view class='footer' wx:if="{{NumberNew+NumberReview+NumberHistory>0}}"></view>
  <view class='footer1 footer' wx:if="{{NumberNew+NumberReview+NumberHistory==0}}"></view>

  <block wx:if="{{IsShowAnswer[1]}}">
    <view class="panelBottomAnswer0"></view>
    <view class='panelBottomAnswer panelBottom FlexRow'>
      <view class="Answer FlexColumn" hover-class="AnswerHover" catchtap='gotoNext' data-time="{{TaskInfo.Number0}}" data-btnnumber="0">
        <view class="Answer0 btnColor"></view>
        <view class="btnTime">
          {{TaskInfo.Number0Str}}
        </view>
      </view>
      <view class="Answer FlexColumn" hover-class="AnswerHover" catchtap='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" hover-class="AnswerHover" catchtap='gotoNext' data-time="{{TaskInfo.Number2}}" data-btnnumber="4">
        <view class="Answer2 btnColor"></view>
        <view class="btnTime">
          {{TaskInfo.Number2Str}}
        </view>
      </view>
      <view class="Answer FlexColumn" hover-class="AnswerHover" catchtap='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>
  </block>
</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>