miaoguo_master/pages/main/detail.wxml

<view class="container FlexColumn" style='min-height:{{Containnerheight-50}}rpx;background-color:{{Color.BackColor2}}'>
  <view class='panelTop FlexRow' style='background-color:{{Color.BackColor}};color:{{Color.FrontColor}};'>
    <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_{{Color.IconColor}}_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_{{Color.IconColor}}_30x18.png" class='universalpic_typesize_white_30x18' />
    </view>

    <view class='panelNumber FlexRow' bindtap='showNumberContainner'>
      <view class="panelNumber1" style='color:{{Color.FrontColor1}};'>{{NumberNew}}</view>
      <view class="panelNumber1" style='color:{{Color.FrontColor1}};'>{{NumberHistory}}</view>
      <view class="panelNumber1" style='color:{{Color.FrontColor1}};'>{{NumberReview}}</view>
      <view class="panelNumber2 panelNumber1" style='background-color:{{Color.FrontColor1}};'>{{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_{{Color.IconColor}}_26x26.png" class='universalpic_shelve_white_26x26' />
    </view>
    <view class='panelCancel' wx:if="{{NumberNew+NumberReview+NumberHistory==0}}">
    </view>

    <view class='panelCancel FlexRow' wx:if="{{CanUndo==0}}">
      <image src="../images/universalpic_undo_black_30p_26x20.png" class='universalpic_undo_white_30p_26x20' />
    </view>
    <view class='panelCancel FlexRow' bindtap='gotoPrev' wx:if="{{CanUndo==1}}">
      <image src="../images/universalpic_undo_{{Color.IconColor}}_26x20.png" class='universalpic_undo_white_30p_26x20' />
    </view>

  </view>

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

    <view class="panelField10" style='background-color:{{Color.BackColor}};'></view>
    <view class="panelField1 FlexColumn" bindtouchstart="onShowAnswer" style='background-color:{{Color.BackColor}};color:{{Color.FrontColor}};'>
      <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" bindtouchstart="onShowAnswer" style='background-color:{{Color.BackColor2}};color:{{Color.FrontColor2}};'>
    <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='tagDot' style='background-color:{{Color.TagColor}};'></view>
      <view class="tag" wx:for="{{TaskInfo.ContentNew.Tags}}" wx:key="index">{{item}}</view>
    </view>

    <view class='right2 FlexRow' wx:if="{{IsShowAnswer[0]==0}}">
      <image class="universalpic_hide_white_34x34" src='../images/universalpic_hide_white_20p_34x34.png' />
    </view>
    <view class='right2 FlexRow' catchtap='onShowAnswer' data-start="true" wx:if="{{IsShowAnswer[0]==1}}">
      <image class="universalpic_hide_white_34x34" src='../images/universalpic_hide_{{Color.IconColor}}_34x34.png' />
    </view>

  </view>

  <view class="panelField20 FlexColumn" style='min-height:{{Containnerheight-480}}rpx;background-color:{{Color.BackColor2}};color:{{Color.FrontColor2}};' bindtouchstart="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 wx:if="{{itemParent==3}}" class="lineField" style='background-color:{{Color.FieldLineColor}};'></view>
      <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;background-color:{{Color.BackColor}};color:{{Color.FrontColor}};'>
    <view class='text1'>做完了</view>

    <view class="panelLastTime FlexColumn">
      <view style='color:{{Color.FrontColor1}};'>今日用时</view>
      <view class="time">{{TodayTime}}</view>
    </view>
    <view class="panelLastTime FlexColumn">
      <view style='color:{{Color.FrontColor1}};'>每分钟可练习</view>
      <view class="time">{{Speed1}}</view>
    </view>
    <view class="panelLastTime FlexColumn">
      <view style='color:{{Color.FrontColor1}};'>单张题卡平均用时</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" style='background:linear-gradient({{Color.BackColor20}},{{Color.BackColor2}});'></view>
    <view class='panelBottomAnswer panelBottom FlexRow' style='background-color:{{Color.BackColor2}};color:{{Color.FrontColor2}};'>
      <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'>今天剩余{{NumberNew+NumberReview+NumberHistory}}张</view>
      <view></view>
    </view>
    <view class="numberContainer12 FlexRow">
      <view class='left'>新题卡</view>
      <view class='right3'>{{NumberNew}}张</view>
    </view>
    <view class="lineWidthAll FlexRow">
      <view class="lineWidth700"></view>
    </view>
    <view class="numberContainer12 FlexRow">
      <view class='left'>旧题卡</view>
      <view class='right3'>{{NumberHistory}}张</view>
    </view>
    <view class="lineWidthAll FlexRow">
      <view class="lineWidth700"></view>
    </view>
    <view class="numberContainer12 FlexRow">
      <view class='left'>重点回顾</view>
      <view class='right3'>{{NumberReview}}张</view>
    </view>
    <view class='lineFooter'></view>
    <view class="numberContainer13 FlexRow">
      <view>知道了</view>
    </view>
  </view>
</view>