<template name="CardShow">
  <!-- 第一段 -->
  <view id="ViewField1" class="panelField1 FlexColumn">
    <view class="editFieldNull"></view>
    <view class="panelField11 panelItem FlexRow" style="font-size:{{FontSize}}rpx;">
      <text class="textProblem" style='background-color:{{Color.LineColor}};'>题目</text>
      <view class="textReturn"></view>
      <block wx:for="{{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'}}" style="height:{{FontSize/2}}rpx;"></view>
        <text class="textNormal" selectable="true" space='{{TextSpace}}' wx:if="{{item.Type=='normal'}}">{{item.Content}}</text>
        <text class="textNormal" selectable="true" space='{{TextSpace}}' wx:if="{{item.Type=='line'}}">
            <block wx:for="{{item.Content}}" wx:key="contentIndex" wx:for-item="contentItem" wx:for-index="contentIndex">
              <text space='{{TextSpace}}' wx:if="{{contentItem.key=='normal'}}">{{contentItem.value}}</text>
        <text class="textLine" wx:if="{{contentItem.key=='line'}}">{{contentItem.value}}</text>
        <text class="textHighlighter" wx:if="{{contentItem.key=='highlighter'}}" style='background-color:{{Color.LineColor}};'>{{contentItem.value}}</text>
      </block>
      </text>

      <view class="panelSound FlexRow" hover-class='panelSoundHover' hover-stay-time="1000" wx:if="{{item.Type=='sound'}}" catchtap="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.png' />
      </view>

      <view class="textPinyin" hover-class='panelSoundHover1' hover-stay-time="1000" wx:if="{{item.Type=='sound'}}" catchtap="playSound" data-content="{{item.Content}}" data-soundmark="{{item.SoundMark}}" data-fieldid="1">{{item.Content}}</view>

      <view class="panelRecorder FlexRow" wx:if="{{item.Type=='recorder'}}">
        <view class="panelRecorder0 FlexRow" hover-class='panelSoundHover' hover-stay-time="1000" catchtap="playSound" data-content="recorder" data-soundmark="{{item.SoundMark}}" data-fieldid="1">
          <image class="universalpic_read_mark_black_20x20" src='../images/universalpic_read_mark_black_20x20.png' />
        </view>
      </view>

      <view class="imageContainer FlexColumn" wx:if="{{item.Type=='image'}}" style='width:{{item.Width}}rpx;height:{{item.Height}}rpx;'>
        <image class="imageFree" mode="widthFix" src='{{item.Content}}' bindtap='showImage' data-name="{{item.Content}}" data-serverurl="{{item.ContentServer}}" binderror="onBindError" />
      </view>
      </block>
    </view>
  </view>

  <!-- 标签 -->
  <view id="ViewFieldTag" class="panelTag FlexColumn" wx:if="{{Tags.length>0}}">
    <view class="panelTag1 FlexRow">
      <view class="tag" wx:for="{{Tags}}" wx:key="index" style='color:{{Color.LineColor}};'>{{item}}</view>
    </view>
    <view class='panelTagLine' style='width:{{TagWidth}}rpx;background-color:{{Color.LineColor}};'></view>

  </view>

  <!-- 第二段和第三段 -->
  <view class="panelField20 FlexColumn">
    <view class="editFieldNull2"></view>
    <view id="ViewField{{itemParent}}" class="panelField2 FlexColumn" wx:for="{{[2,3]}}" wx:key="indexParent" wx:for-index="indexParent" wx:for-item="itemParent" wx:if="{{Field[itemParent].length>0 && IsShowAnswer[itemParent-2]}}" style='background-color:{{Color.BackColor2}};'>
      <view class="panelField21 panelItem FlexRow" style='color:{{Color.FieldColor}};'>
        <text class='textDot' wx:if="{{Field[itemParent][0].Type!='normal' && Field[itemParent][0].Type!='line'}}" style='color:{{Color.LineColor}};'>●</text>
        <block wx:for="{{Field[itemParent]}}" wx:key="index">
          <text class="textReturn" wx:if="{{item.Type=='return'}}"></text>
          <view class="textBr" wx:if="{{item.Type=='br'}}"></view>

          <text class="textNormal2 textNormal" selectable="true" space='{{TextSpace}}' wx:if="{{item.Type=='normal'}}">
              <text class='textDot' wx:if="{{index==0}}" style='color:{{Color.LineColor}};'>●</text>
              <text>{{item.Content}}</text>
          </text>

          <text class="textNormal2 FlexRow" selectable="true" space='{{TextSpace}}' wx:if="{{item.Type=='line'}}">
              <text class='textDot' wx:if="{{index==0}}" style='color:{{Color.LineColor}};'>●</text>

          <block wx:for="{{item.Content}}" wx:key="contentIndex" wx:for-item="contentItem">
            <text space='{{TextSpace}}' wx:if="{{contentItem.key=='normal'}}">{{contentItem.value}}</text>
            <text class="textLine" wx:if="{{contentItem.key=='line'}}">{{contentItem.value}}</text>
            <text class="textHighlighter" wx:if="{{contentItem.key=='highlighter'}}" style='background-color:{{Color.LineColor}};'>{{contentItem.value}}</text>

          </block>
          </text>

          <view class="panelSound FlexRow" hover-class='panelSoundHover' hover-stay-time="1000" wx:if="{{item.Type=='sound'}}" catchtap="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.png' />
          </view>

          <view class="textPinyin" hover-class='panelPinyinHover1' hover-stay-time="1000" wx:if="{{item.Type=='sound'}}" catchtap="playSound" data-content="{{item.Content}}" data-soundmark="{{item.SoundMark}}" data-fieldid="{{itemParent}}">{{item.Content}}</view>

          <view class="panelRecorder FlexRow" wx:if="{{item.Type=='recorder'}}">
            <view class="panelRecorder0 FlexRow" hover-class='panelSoundHover' hover-stay-time="1000" catchtap="playSound" data-content="recorder" data-soundmark="{{item.SoundMark}}" data-fieldid="{{itemParent}}">
              <image class="universalpic_read_mark_black_20x20" src='../images/universalpic_read_mark_black_20x20.png' />
            </view>
          </view>
          <view class="imageContainer2 FlexColumn" wx:if="{{item.Type=='image'}}" style='width:{{item.Width}}rpx;height:{{item.Height}}rpx;'>
            <image class="imageFree2" mode="widthFix" src='{{item.Content}}' bindtap='showImage' data-name="{{item.Content}}" data-serverurl="{{item.ContentServer}}" binderror="onBindError" />
          </view>
        </block>
      </view>
    </view>
  </view>
</template>