english_learned_master/packageReader/main/article.wxml

<!-- 正常文章 -->
<view class="{{ThemeCSS}} container FlexColumn" style='min-height:{{Containnerheight}}rpx;' catch:tap="hideWordTranslate">
  <view id="panelArticle" style="width: 100%;height: 1rpx;"></view>
  <view class="panel1 FlexColumn">
    <!-- 完整文章 -->
    <view class="textArticle FlexColumn" >
      <view wx:for="{{List}}" wx:key="index" class="textArticle">
        <text class="textArticle2 {{itemChild.CSS}}" wx:for="{{item.List}}" wx:key="index2" wx:for-item="itemChild" wx:for-index="indexChild"><text class="{{itemChild2.CSS}}" wx:for="{{itemChild.List}}" wx:key="index3" wx:for-item="itemChild2" wx:for-index="indexChild2" bindlongpress="onLongPressApi" catch:tap="selectWord" data-word="{{itemChild2.Word}}" data-original-word="{{itemChild2.Word}}" data-index="{{index}}" data-index2="{{indexChild}}" data-index3="{{indexChild2}}" >{{itemChild2.Word}} </text></text>
      </view>
    </view>
  </view>
  <view class="panelPercentage FlexColumn">{{Percentage}}%</view>
  <view style="width: 100%;height:700rpx;"></view>
  <view style="width: 100%;height:{{TranslateHeight}}rpx;" wx:if="{{IsShowWordTranslate}}"></view>
</view>

<!-- 翻译 -->
<view wx:if="{{IsShowWordTranslate}}" class="panelTranslate FlexColumn" catch:tap="setDataBoolean" data-name="IsShowWordTranslate">
  <text class="panelTranslateTest1">{{EnglishSentence}}</text>
  <text class="panelTranslateTest2">{{ChineseSentence}}</text>
  <view class="panelTranslateCollect FlexRow" wx:if="{{TranslateHeight==100}}">
    <view class="panelTranslateCollect1 FlexRow" catch:tap="saveUserCollect" data-word="{{EnglishSentence}}">
      <image wx:if="{{!IsCollect}}" src="../images/sysIcon_a35.png" class="sysIcon_a35"></image>
      <image wx:if="{{IsCollect}}" src="../images/sysIcon_a36.png" class="sysIcon_a35"></image>
    </view>
    <view class="panelTranslateCollect1 FlexRow" catch:tap="onLongPressApi" data-original-word="{{EnglishSentence}}">
      <image src="../images/sysIcon_a45.png" class="sysIcon_a45"></image>
    </view>
  </view>
</view>

<!-- 单词细节 -->
<view wx:if="{{IsShowWordDetail}}" class="panelTranslate panelTranslate2 FlexColumn" catch:tap="setDataBoolean" data-name="IsShowWordDetail">
  <view class="panelTranslate21 FlexRow">
    <text class="panelTranslateTest1 panelTranslateTest10">{{WordJSON.Word}}</text>
    <view class="panelTranslateCollect FlexRow" catch:tap="saveUserCollect" data-word="{{WordJSON.Word}}">
      <view class="panelTranslateCollect1 FlexRow">
        <image wx:if="{{!IsCollect}}" src="../images/sysIcon_a35.png" class="sysIcon_a35"></image>
        <image wx:if="{{IsCollect}}" src="../images/sysIcon_a36.png" class="sysIcon_a35"></image>
      </view>
      <view class="panelTranslateCollect1 FlexRow" catch:tap="setDataBoolean" data-name="IsShowWordDetail">
        <image src="../images/sysIcon_a09.png" class="sysIcon_a09"></image>
      </view>
    </view>
  </view>
  <scroll-view scroll-y="true" class="panelTranslateScroll FlexColumn">
    <block wx:if="{{WordJSON.Soundmark}}">
      <view class="panelTranslate22 FlexRow">
        <view class="panelTranslate22Text panelTranslate22Text0 FlexRow" catch:tap="playAudio" data-url="{{WordJSON.Soundmark.EngSound}}" wx:if="{{WordJSON.Soundmark.EngSound}}">
          英{{WordJSON.Soundmark.Eng}}
          <image src="../images/sysIcon_a44.png" class="sysIcon_a44"></image>
        </view>
        <view class="panelTranslate22Text FlexRow" catch:tap="playAudio" data-url="{{WordJSON.Soundmark.AmESound}}" wx:if="{{WordJSON.Soundmark.AmESound}}">
          美{{WordJSON.Soundmark.AmE}}
          <image src="../images/sysIcon_a44.png" class="sysIcon_a44"></image>
        </view>
      </view>
    </block>

    <block wx:if="{{WordJSON.CEFR_Level || WordJSON.WordFrequency || WordJSON.Book.length>0}}">
      <view class="panelTranslateLine"></view>
      <scroll-view class="panelTranslate23" scroll-x="true">
        <view class="panelTranslate231 FlexRow" wx:if="{{WordJSON.CEFR_Level}}">
          <view>CEFR {{WordJSON.CEFR_Level}}</view>
        </view>
        <view class="panelTranslate231 panelTranslate232 FlexRow" wx:if="{{WordJSON.WordFrequency}}">
          <view>高频单词{{WordJSON.WordFrequency.Max}}范围</view>
        </view>
        <view class="panelTranslate231 panelTranslate232 FlexRow" wx:if="{{WordJSON.Book}}" wx:for="{{WordJSON.Book}}" wx:key="*this">
          <view>{{item}}</view>
        </view>
        <view style="width:30rpx;display: inline-block;"></view>
      </scroll-view>
    </block>

    <block wx:if="{{WordJSON.ParaphraseEng}}">
      <view class="panelTranslateLine"></view>
      <view class="panelTranslate24 FlexColumn" wx:for="{{WordJSON.ParaphraseEng}}" wx:key="*this">
        <view class="panelTranslate241" wx:for="{{item.ParaphraseList}}" wx:key="*this" wx:for-item="itemChild">
          {{item.PartOfSpeech}} {{itemChild}}
        </view>
      </view>
      <view style="height:30rpx;"></view>
    </block>

    <block wx:if="{{WordJSON.Paraphrase}}">
      <view class="panelTranslateLine" wx:if="{{WordJSON.Paraphrase}}"></view>
      <view class="panelTranslate24 FlexColumn" wx:for="{{WordJSON.Paraphrase}}" wx:key="*this">
        <view class="panelTranslate241">{{item.PartOfSpeech}}
          <block class="panelTranslate242" wx:for="{{item.ParaphraseList}}" wx:key="*this" wx:for-item="itemChild">
            {{itemChild}}
          </block>
        </view>
      </view>
      <view style="height:30rpx;"></view>
    </block>

    <block wx:if="{{WordJSON.Paraphrase}}">
      <view class="panelTranslateLine"></view>
      <view class="panelTranslate24 FlexColumn" wx:for="{{WordJSON.ExamplesSentences}}" wx:key="*this">
        <text class="panelTranslate241 panelTranslate242">{{item[0]}}</text>
        <view class="panelTranslate241 panelTranslate243">{{item[1]}}</view>
      </view>
    </block>

    <view style="height:50rpx;"></view>
  </scroll-view>

</view>

<audio hidden='true' src="{{AudioSrc}}" id="myAudio"></audio>