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='onFontSize' wx:if="{{NumberNew+NumberReview+NumberHistory>0}}">
      <image src="../images/universalpic_typesize_white_30x18.png" class='universalpic_typesize_white_30x18' />
    </view>
    <view class='panelCancel FlexRow' bindtap='gotoEdit' wx:if="{{NumberNew+NumberReview+NumberHistory>0}}">
      <image src="../images/universalpic_more_white_32x8.png" class='universalpic_more_white_32x8' />
    </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_20x28.png" class='universalpic_undo_white_20x28' />
    </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:{{TaskList[0].FontSize}}rpx;">
        <block wx:for="{{TaskList[0].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'}}">
            <text>{{item.Content[0]}}</text>
          <text class="textLine">{{item.Content[1]}}</text>
          <text>{{item.Content[2]}}</text>
          </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="{{!TaskList[0].ContentNew.Tags || TaskList[0].ContentNew.Tags.length==0}}"></view>
      <view class="panelTag1 FlexRow" wx:if="{{TaskList[0].ContentNew.Tags && TaskList[0].ContentNew.Tags.length>0}}">
        <view class="tag" wx:for="{{TaskList[0].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="{{TaskList[0].ContentNew.Field[itemParent].length>0 && IsShowAnswer[itemParent-2]}}">

        <view class="panelField21 panelItem FlexRow">
          <block wx:for="{{TaskList[0].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 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>

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

    <image src="../images/practice_introduction_marks_a.png" class='practice_introduction_marks_a' />
    <text class='text2'>君子曰：学不可以已\n——意指求学不可以让它停止，即学习是无止\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="{{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>
  </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>