miaoguo_master/pages/main/detail.wxml

<view class="container FlexColumn" style='min-height:{{Containnerheight}}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" bindtap="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>
          <view class="textBr" wx:if="{{index>0 && item.Type=='br'}}"></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" 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="imageFree" mode="widthFix" wx:if="{{item.Type=='image'}}" src='{{item.Content}}' bindtap='showImage' data-name="{{item.Content}}" data-serverurl="{{item.ContentServer}}" binderror="onBindError" />
      
        </block>
      </view>

    </view>
  <view class="panelTag FlexRow" bindtap="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_show_white_30x30" src='../images/universalpic_show_{{Color.IconColor}}_30x30.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:{{Containnerheight2}}rpx;background-color:{{Color.BackColor2}};color:{{Color.FrontColor2}};' 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 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>
          <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" 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="imageFree" mode="widthFix" wx:if="{{item.Type=='image'}}" src='{{item.Content}}' bindtap='showImage' data-name="{{item.Content}}" data-serverurl="{{item.ContentServer}}" binderror="onBindError" />
        </block>
      </view>
    </view>
  </view>
  </block>

  <!-- 最后一页 -->
  <view class='panelLast FlexColumn' wx:if="{{NumberNew+NumberReview+NumberHistory==0}}" style='height:{{Containnerheight}}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>

    <view class='panelLastFooter' bindtap='onClose'>关闭</view>
  </view>

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

  <view class="panelFooter FlexColumn" 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{{Color.ID}}" 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{{Color.ID}}" 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{{Color.ID}}" 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{{Color.ID}}" 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>
    <view class="iphoneX" wx:if="{{IsIphoneX}}" style='background-color:{{Color.BackColor2}};'></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'>今日剩余任务量{{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>

<audio hidden='true' id="myAudio0"></audio>
<audio hidden='true' id="myAudio1"></audio>
<audio hidden='true' id="myAudio2"></audio>
<audio hidden='true' id="myAudio3"></audio>