miaoguo_master/pages/main/preview.wxml

<view class="container FlexColumn" style='min-height:{{Containnerheight}}rpx;background-color:{{Color.BackColor}}'>
  <!-- 顶端工具栏 -->
  <block wx:if="{{ShowType=='show'}}">
    <view class="panelTop FlexRow">
      <view class='left FlexColumn'>
        <view class="text1">到期时间</view>
        <view class="text2">{{LimitTimeStr}}</view>
      </view>
      <view class='right FlexRow'>
        <view class="panelTopBtn FlexRow" bindtap='deleteCard'>
          <image class="universalpic_del_black_20x28" src='../images/universalpic_del_black_20x28.png' />
        </view>
        <view class="panelTopBtn FlexRow" bindtap='getDetailInfo'>
          <image class="universalpic_info_black_26x26" src='../images/universalpic_info_black_26x26.png' />
        </view>
        <view class="text3" bindtap='practiceToday' hidden="{{!IsTodayPractice}}">今天必练</view>
        <view class="text4 text3" bindtap='shelveTask' hidden="{{IsTodayPractice}}">今天不练</view>
      </view>
    </view>
    <view class="panelTop1"></view>
  </block>

  <!-- 第一段 -->
  <view class="panelField1 FlexColumn" style='background-color:{{Color.BackColor}};'>
    <view class="editFieldNull" hidden="{{ShowType=='sharepreview'}}"></view>
    <view class="editFieldNull1" hidden="{{ShowType!='sharepreview'}}"></view>
    
    <view class="editField" bindtap='editField' data-id="1" wx:if="{{ShowType == 'show'}}">编辑段落1</view>
    <view class="panelField11 panelItem FlexRow" style="font-size:46rpx;">
      <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'}}"></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" hover-class='panelSoundHover' hover-stay-time="1000" 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>

      <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>
      <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 FlexColumn" wx:if="{{Tags.length>0}}">
    <view class='panelTagLine' style='width:{{TagWidth}}rpx;background-color:{{Color.LineColor}};'></view>
    <view class="panelTag1 FlexRow">
      <view class="tag" wx:for="{{Tags}}" wx:key="index">{{item}}</view>
    </view>
  </view>

  <!-- 第二段和第三段 -->
  <view class="panelField20 FlexColumn">
    <view class="editFieldNull2"  hidden="{{ShowType=='sharepreview'}}"></view>
    <view class="editFieldNull3"  hidden="{{ShowType!='sharepreview'}}"></view>
    
    <block wx:for="{{[2,3]}}" wx:key="indexParent" wx:for-index="indexParent" wx:for-item="itemParent" wx:if="{{Field[itemParent].length>0}}" >
    <view class="editField" bindtap='editField' data-id="{{itemParent}}" wx:if="{{ShowType == 'show'}}">编辑段落{{itemParent}}</view>
    <view class="panelField2 FlexColumn" style='background-color:{{Color.FieldBackColor}};'>
      <view class="panelField21 panelItem FlexRow" style='color:{{Color.FieldColor}};'>
        <block wx:for="{{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" hover-class='panelSoundHover' hover-stay-time="1000" 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>

        <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>
        <image class="imageFree2" 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>
    </block>
  </view>


  <view style='height:150rpx'></view>

  <view class='panelSave' bindtap="close" wx:if="{{ShowType=='preview'}}">退出预览</view>

  <view class='panelSaveShare panelSave FlexRow' wx:if="{{ShowType=='share'}}">
    <view class='text5 text3' bindtap="returnDefault">首页</view>
    <view class='btn3' bindtap="copyCard">另存为我的题卡</view>
    <view class='text5'></view>
  </view>

  <view class='panelSave FlexRow' wx:if="{{ShowType=='show'}}">
    <view class='btn1' wx:if="{{PrevID==0}}"></view>
    <view class='btn1 FlexRow' bindtap="onPreview" data-id="{{PrevID}}" wx:if="{{PrevID>0}}">
      <image class="universalpic_prev_black_30x30" src='../images/universalpic_prev_black_30x30.png' />
    </view>
    <view class='btn2 FlexRow'>
      <button class="btn21" open-type='share'>分享给大家</button>
    </view>
    <view class='btn1 FlexRow' bindtap="onPreview" data-id="{{NextID}}" wx:if="{{NextID>0}}">
      <image class="universalpic_prev_black_30x30" src='../images/universalpic_next_black_30x30.png' />
    </view>
    <view class='btn1' wx:if="{{NextID==0}}"></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>