<view class="container FlexColumn" style='min-height:{{Containnerheight}}rpx;'>
  <view class="panelTop FlexRow">
    <view class="panelLeft FlexRow">
      <image wx:if="{{Result.TypeName=='Z'}}" class="universalpic_dictionary_hanzi_black_54x26"
      src='../images/universalpic_dictionary_hanzi_black_54x26.png' />
    <image wx:if="{{Result.TypeName=='C'}}" class="universalpic_dictionary_ciyu_black_55x23"
      src='../images/universalpic_dictionary_ciyu_black_55x23.png' />
    <image wx:if="{{Result.TypeName=='S'}}" class="universalpic_dictionary_shici_black_53x27"
      src='../images/universalpic_dictionary_shici_black_53x27.png' />
    <image wx:if="{{Result.TypeName=='D'}}" class="universalpic_dictionary_danci_black_53x28"
      src='../images/universalpic_dictionary_danci_black_53x28.png' />
      
    </view>
    <view class="panelRight FlexRow">
      <view class='panelTop1 FlexRow' catchtap='showHelp'>
        <image class="universalpic_light_black_22x30" src='../images/universalpic_light_black_22x30.png' />
      </view>
      <view class='panelTop1 FlexRow' catchtap="addData">
        <view class="panelTop3">添加</view>
      </view>
    </view>
  </view>
  <view class="panelHeight100"></view>

  <!-- 搜索内容 -->
  <block wx:if="{{Result.CHN.HanZi}}">
    <view class="panelTitle0 panelTitle FlexColumn">
      <view class="panelTitle1 FlexRow">
        <view class="panelTitle11">搜索内容</view>
      </view>
    </view>
    <view class="{{CSS.CHN_HanZi.Css1}} panelItem FlexRow" bindtap='getInputData' data-type="normal"
      data-content="{{Result.CHN.HanZi}}" data-css="CHN_HanZi">
      <view class="FlexRow">
        <view class="{{CSS.CHN_HanZi.Css2}} panelSelect0">{{CSS.CHN_HanZi.Number}}</view>
        <view class="panelItemText">{{Result.CHN.HanZi}}</view>
      </view>
      <view></view>
    </view>
    <text wx:if="{{Result.CHN.Book}}" class="panelRemark">该内容出现在《{{Result.CHN.Book}}》\n除了自制题卡还可以试一试语文「知识检验」</text>
  </block>

  <!-- 拼音 -->
  <block wx:if="{{Result.CHN.PinYin && Result.CHN.PinYin.length>0}}">
    <view class="panelTitle FlexColumn">
      <view class="panelTitle1 FlexRow">
        <image class="universalpic_soundwave_black_30x22" src='../images/universalpic_soundwave_black_30x22.png' />
        <view class="panelTitle11">拼音</view>
      </view>
      <view class="panelTitle2">练习时可播放读音</view>
    </view>

    <view class="{{CSS['CHN_PinYin_'+index+'_pinyin'].Css1}} panelItem FlexRow" wx:for="{{Result.CHN.PinYin}}"
      wx:key="pinyin" bindtap='getInputData' data-type="sound" data-content="{{item.pinyin}}"
      data-css="CHN_PinYin_{{index}}_pinyin" data-soundmark="{{Result.CHN.PinyinTone}}" data-tag="拼音">
      <view class="FlexRow">
        <view class="{{CSS['CHN_PinYin_'+index+'_pinyin'].Css2}} panelSelect0">
          {{CSS['CHN_PinYin_'+index+'_pinyin'].Number}}</view>
        <view class="panelItemText">{{item.pinyin}}</view>
      </view>
      <view></view>
    </view>
  </block>

  <!-- 变调 -->
  <block wx:if="{{Result.CHN.PinyinTone && Result.CHN.PinyinTone.length>0 && Result.CHN.PinYin[0].pinyin!=Result.CHN.PinyinTone}}">
    <view class="panelTitle FlexColumn">
      <view class="panelTitle1 FlexRow">
        <image class="universalpic_soundwave_black_30x22" src='../images/universalpic_soundwave_black_30x22.png' />
        <view class="panelTitle11">变调</view>
      </view>
      <view class="panelTitle2">口语中汉字的音节调值有变调现象，仅供参考。学习上请以教材为准。</view>
    </view>

    <view class="{{CSS.CHN_PinyinTone.Css1}} panelItem FlexRow" bindtap='getInputData' data-type="normal"  data-type="sound" 
      data-content="{{Result.CHN.PinyinTone}}" data-css="CHN_PinyinTone" data-tag="拼音">
      <view class="FlexRow">
        <view class="{{CSS.CHN_PinyinTone.Css2}} panelSelect0">{{CSS.CHN_PinyinTone.Number}}</view>
        <view class="panelItemText">{{Result.CHN.PinyinTone}}</view>
      </view>
      <view></view>
    </view>
  </block>

  <!-- 默写 -->
  <block wx:if="{{Result.CHN.TianKong && Result.CHN.TianKong.length>0}}">
    <view class="panelTitle FlexColumn">
      <view class="panelTitle1 FlexRow">
        <image class="universalpic_soundwave_black_30x22" src='../images/universalpic_soundwave_black_30x22.png' />
        <view class="panelTitle11">拼音 - 单个字</view>
      </view>
      <view class="panelTitle2">此格式便于做个别汉字默写练习</view>
    </view>

    <view class="{{CSS['CHN_TianKong_'+index].Css1}} panelItem FlexRow" wx:for="{{Result.CHN.TianKong}}" wx:key="*this"
      bindtap='getInputData' data-type="sound" data-content="{{item}}" data-css="CHN_TianKong_{{index}}"
      data-pinyin="{{Result.CHN.PinYin[0].pinyin}}" data-soundmark="{{Result.CHN.PinyinTone}}" data-tag="默写">
      <view class="FlexRow">
        <view class="{{CSS['CHN_TianKong_'+index].Css2}} panelSelect0">{{CSS['CHN_TianKong_'+index].Number}}</view>
        <view class="panelItemText">{{item}}</view>
      </view>
      <view></view>
    </view>
  </block>

  <!-- 楷书数组 笔顺数组-->
  <block
    wx:if="{{ (Result.CHN.KaitiArr && Result.CHN.KaitiArr.length>0) || (Result.CHN.BiShunArr2 && Result.CHN.BiShunArr2.length>0) }}">
    <view class="panelTitle FlexColumn">
      <view class="panelTitle1 FlexRow">
        <view class="panelTitle11">书写</view>
      </view>
      <view class="panelTitle2 FlexRow">
        <view class="panelTitle2TextSelect panelTitle2Text1" wx:if="{{ShowKaiti==0}}">静态字帖</view>
        <view class="panelTitle2Text1" bindtap="changeBishun" data-id="0" wx:if="{{ShowKaiti==1}}">静态字帖</view>
        <view class="panelLine2"></view>
        <view class="panelTitle2Text2 panelTitle2Text1" bindtap="changeBishun" data-id="1" wx:if="{{ShowKaiti==0}}">动态笔顺
        </view>
        <view class="panelTitle2TextSelect panelTitle2Text2 panelTitle2Text1" wx:if="{{ShowKaiti==1}}">动态笔顺</view>
      </view>
    </view>

    <!-- 楷书数组 -->
    <view class="panelItem0 FlexRow" wx:if="{{ShowKaiti==0}}">
      <view class="{{CSS['CHN_KaitiArr_'+index].Css1}} {{Result.CHN.KaitiWidth}}  panelItem1 panelItem FlexRow"
        wx:for="{{Result.CHN.KaitiArr}}" wx:key="*this" bindtap='getInputData' data-type="image" data-content="{{item}}"
        data-css="CHN_KaitiArr_{{index}}" data-tag="书写">
        <view class="FlexRow">
          <view class="{{CSS['CHN_KaitiArr_'+index].Css2}} panelSelect0">{{CSS['CHN_KaitiArr_'+index].Number}}</view>
          <image class="panelWordImage" src='{{item}}' />
        </view>
        <view></view>
      </view>
    </view>
    <!-- 笔顺数组 -->
    <view class="panelItem0 FlexRow" wx:if="{{ShowKaiti==1}}">
      <view class="{{CSS['CHN_BiShunArr2_'+index].Css1}} {{Result.CHN.BiShunWidth}}  panelItem1 panelItem FlexRow"
        wx:for="{{Result.CHN.BiShunArr2}}" wx:key="*this" bindtap='getInputData' data-type="image"
        data-content="{{item}}" data-css="CHN_BiShunArr2_{{index}}" data-tag="书写">
        <view class="FlexRow">
          <view class="{{CSS['CHN_BiShunArr2_'+index].Css2}} panelSelect0">{{CSS['CHN_BiShunArr2_'+index].Number}}
          </view>
          <image class="panelWordImage" src='{{item}}' />
        </view>
        <view></view>
      </view>
    </view>
  </block>

  <!-- 部首 -->
  <block wx:if="{{Result.CHN.BuShou && Result.CHN.BuShou.length>0}}">
    <view class="panelTitle FlexColumn">
      <view class="panelTitle1 FlexRow">
        <view class="panelTitle11">部首</view>
      </view>
    </view>

    <view class="{{CSS.CHN_BuShou.Css1}} panelItem FlexRow" bindtap='getInputData' data-type="normal"
      data-content="{{Result.CHN.BuShou}}" data-css="CHN_BuShou" data-tag="部首">
      <view class="FlexRow">
        <view class="{{CSS.CHN_BuShou.Css2}} panelSelect0">{{CSS.CHN_BuShou.Number}}</view>
        <view class="panelItemText">{{Result.CHN.BuShou}}</view>
      </view>
      <view></view>
    </view>
  </block>

  <!-- 组词 -->
  <block wx:if="{{Result.CHN.CombineWords && Result.CHN.CombineWords.length>0}}">
    <view class="panelTitle FlexColumn">
      <view class="panelTitle1 FlexRow">
        <view class="panelTitle11">组词</view>
      </view>
    </view>

    <view class="panelItem0 FlexRow">
      <view class="{{CSS['CHN_CombineWords_'+index].Css1}} panelItemSmall panelItem FlexRow"
        wx:for="{{Result.CHN.CombineWords}}" wx:key="*this" bindtap='getInputData' data-type="normal"
        data-content="{{item}}" data-css="CHN_CombineWords_{{index}}" data-tag="组词">
        <view class="FlexRow">
          <view class="{{CSS['CHN_CombineWords_'+index].Css2}} panelSelect0">{{CSS['CHN_CombineWords_'+index].Number}}
          </view>
          <view class="panelItemText">{{item}}</view>
        </view>
        <view class="FlexRow">
          <block wx:if="{{!CSS['CHN_CombineWords_'+index].Number}}">
            <view class="panelLine1"></view>
            <view class="panelItemButton FlexColumn" catchtap="changeInfomation" data-word="{{item}}">
              <image class="universalpic_link_black_24x24" src='../images/universalpic_link_black_24x24.png' />
            </view>
          </block>
        </view>
      </view>
    </view>
  </block>


  <!-- 近义词 -->
  <block wx:if="{{Result.CHN.Synonym && Result.CHN.Synonym.length>0}}">
    <view class="panelTitle FlexColumn">
      <view class="panelTitle1 FlexRow">
        <view class="panelTitle11">近义词</view>
      </view>
    </view>

    <view class="panelItem0 FlexRow">
      <view class="{{CSS['CHN_Synonym_'+index].Css1}} panelItemSmall panelItem FlexRow" wx:for="{{Result.CHN.Synonym}}"
        wx:key="*this" bindtap='getInputData' data-type="normal" data-content="{{item}}"
        data-css="CHN_Synonym_{{index}}" data-tag="近义词">
        <view class="FlexRow">
          <view class="{{CSS['CHN_Synonym_'+index].Css2}} panelSelect0">{{CSS['CHN_Synonym_'+index].Number}}</view>
          <view class="panelItemText">{{item}}</view>
        </view>
        <view class="FlexRow">
          <block wx:if="{{!CSS['CHN_Synonym_'+index].Number}}">
            <view class="panelLine1"></view>
            <view class="panelItemButton FlexColumn" catchtap="changeInfomation" data-word="{{item}}">
              <image class="universalpic_link_black_24x24" src='../images/universalpic_link_black_24x24.png' />
            </view>
          </block>
        </view>
      </view>
    </view>
  </block>

  <!-- 反义词 -->
  <block wx:if="{{Result.CHN.Antonym && Result.CHN.Antonym.length>0}}">
    <view class="panelTitle FlexColumn">
      <view class="panelTitle1 FlexRow">
        <view class="panelTitle11">反义词</view>
      </view>
    </view>

    <view class="panelItem0 FlexRow">
      <view class="{{CSS['CHN_Antonym_'+index].Css1}} panelItemSmall panelItem FlexRow" wx:for="{{Result.CHN.Antonym}}"
        wx:key="*this" bindtap='getInputData' data-type="normal" data-content="{{item}}"
        data-css="CHN_Antonym_{{index}}" data-tag="近义词">
        <view class="FlexRow">
          <view class="{{CSS['CHN_Antonym_'+index].Css2}} panelSelect0">{{CSS['CHN_Antonym_'+index].Number}}</view>
          <view class="panelItemText">{{item}}</view>
        </view>
        <view class="FlexRow">
          <block wx:if="{{!CSS['CHN_Antonym_'+index].Number}}">
            <view class="panelLine1"></view>
            <view class="panelItemButton FlexColumn" catchtap="changeInfomation" data-word="{{item}}">
              <image class="universalpic_link_black_24x24" src='../images/universalpic_link_black_24x24.png' />
            </view>
          </block>
        </view>
      </view>
    </view>
  </block>

  <!-- 释义 -->
  <block wx:if="{{Result.CHN.PinYin && Result.CHN.PinYin.length>0}}">
    <view class="panelTitle FlexColumn">
      <view class="panelTitle1 FlexRow">
        <view class="panelTitle11">释义</view>
      </view>
    </view>

    <view class="{{CSS['CHN_PinYin_explain_'+index].Css1}} panelItemHeight panelItem FlexRow"
      wx:for="{{Result.CHN.PinYin}}" wx:key="pinyin" bindtap='getInputData' data-type="normal"
      data-content="[读]{{item.pinyin}}[/读]\n{{item.explain}}" data-css="CHN_PinYin_explain_{{index}}" data-tag="释义">
      <view class="FlexRow">
        <view class="{{CSS['CHN_PinYin_explain_'+index].Css2}} panelSelect0">{{CSS['CHN_PinYin_explain_'+index].Number}}
        </view>
        <text class="panelItemText0 panelItemText">
          <block wx:if="{{Result.CHN.PinYin.length>1}}">[{{item.pinyin}}]\n</block>{{item.explain}}
        </text>
      </view>
      <view></view>
    </view>
  </block>

  <!-- 诗词标题 -->
  <block wx:if="{{Result.CHN.ShiciTitle && Result.CHN.ShiciTitle.length>0}}">
    <view class="panelTitle FlexColumn">
      <view class="panelTitle1 FlexRow">
        <view class="panelTitle11">标题</view>
      </view>
    </view>
    <view class="{{CSS.CHN_ShiciTitle.Css1}} panelItem FlexRow" bindtap='getInputData' data-type="normal"
      data-content="{{Result.CHN.ShiciTitle}}" data-css="CHN_ShiciTitle" data-tag="">
      <view class="FlexRow">
        <view class="{{CSS.CHN_ShiciTitle.Css2}} panelSelect0">{{CSS.CHN_ShiciTitle.Number}}</view>
        <view class="panelItemText">{{Result.CHN.ShiciTitle}}</view>
      </view>
      <view></view>
    </view>
  </block>

  <!-- 作者与朝代 -->
  <block wx:if="{{Result.CHN.Author && Result.CHN.Author.length>0}}">
    <view class="panelTitle FlexColumn">
      <view class="panelTitle1 FlexRow">
        <view class="panelTitle11">作者</view>
      </view>
    </view>
    <view class="{{CSS.CHN_Author.Css1}} panelItem FlexRow" bindtap='getInputData' data-type="normal"
      data-content="{{ Result.CHN.Dynasty+' '+Result.CHN.Author}}" data-css="CHN_Author" data-tag="">
      <view class="FlexRow">
        <view class="{{CSS.CHN_Author.Css2}} panelSelect0">{{CSS.CHN_Author.Number}}</view>
        <view class="panelItemText">{{Result.CHN.Dynasty}} {{Result.CHN.Author}}</view>
      </view>
      <view></view>
    </view>
  </block>

  <!-- 诗词原文 -->
  <block wx:if="{{Result.CHN.PeomContent && Result.CHN.PeomContent.length>0}}">

    <view class="panelTitle FlexColumn">
      <view class="panelTitle1 FlexRow">
        <view class="panelTitle11">原文</view>
      </view>
      <view class="panelTitle2 FlexRow">
        <view class="panelTitle2TextSelect panelTitle2Text1" wx:if="{{IsPoemRead==0}}">文字版</view>
        <view class="panelTitle2Text1" bindtap="changeRead" data-id="0" wx:if="{{IsPoemRead==1}}">文字版</view>
        <view class="panelLine2"></view>
        <view class="panelTitle2Text2 panelTitle2Text1" bindtap="changeRead" data-id="1" wx:if="{{IsPoemRead==0}}">朗读版
        </view>
        <view class="panelTitle2TextSelect panelTitle2Text2 panelTitle2Text1" wx:if="{{IsPoemRead==1}}">朗读版</view>

        <view class="panelTitle21 FlexRow" wx:if="{{IsPoemRead==1}}">
          <image class="universalpic_soundwave_black_30x22" src='../images/universalpic_soundwave_black_30x22.png' />
          <view class="panelTitle11">以下内容练习时均可朗读</view>
        </view>
      </view>
    </view>

    <view class="panelItem0 FlexRow">

      <!-- 每段诗词原文较短 -->
      <block wx:if="{{!Result.CHN.PeomContentIsLong}}">
        <view class="{{CSS.CHN_PeomContent.Css1}} panelItemHeight panelItem FlexRow" bindtap='getInputData'
          data-type="normal" data-content="{{Result.CHN.PeomContent}}" data-css="CHN_PeomContent" data-tag="诗词">
          <view class="FlexRow">
            <view class="{{CSS.CHN_PeomContent.Css2}} panelSelect0">{{CSS.CHN_PeomContent.Number}}</view>
            <text class="panelItemText0 panelItemText">
              <block wx:for="{{Result.CHN.PeomContent}}" wx:key="*this" wx:for-item="item1">
                <block wx:if="{{index>0}}">\n</block>
                <block wx:for="{{item1}}" wx:key="*this" wx:for-item="item2">{{item2}}</block>
              </block>
            </text>
          </view>
          <view></view>
        </view>
      </block>

      <!-- 每段原文较长，且有多段 -->
      <block wx:if="{{Result.CHN.PeomContentIsLong && Result.CHN.PeomContent.length>1}}">
        <view class="{{CSS['CHN_PeomContent_'+index].Css1}} panelItemHeight panelItem FlexRow"
          wx:for="{{Result.CHN.PeomContent}}" wx:key="*this" bindtap='getInputData' data-type="normal"
          data-content="{{item}}" data-css="CHN_PeomContent_{{index}}" data-tag="诗词">
          <view class="FlexRow">
            <view class="{{CSS['CHN_PeomContent_'+index].Css2}} panelSelect0">{{CSS['CHN_PeomContent_'+index].Number}}
            </view>
            <text class="panelItemText0 panelItemText">
              <block wx:for="{{item}}" wx:key="*this" wx:for-item="item2" wx:for-index="indexChild">{{item2}}</block>
            </text>
          </view>
          <view></view>
        </view>
      </block>

      <!-- 每句诗词原文较长，且有单段 -->
      <block wx:if="{{Result.CHN.PeomContentIsLong && Result.CHN.PeomContent.length==1}}">
        <view class="{{CSS['CHN_PeomContent_'+index].Css1}} panelItemHeight panelItem FlexRow"
          wx:for="{{Result.CHN.PeomContent[0]}}" wx:if="{{item}}" wx:key="*this" bindtap='getInputData'
          data-type="normal" data-content="{{item}}" data-css="CHN_PeomContent_{{index}}" data-tag="诗词">
          <view class="FlexRow">
            <view class="{{CSS['CHN_PeomContent_'+index].Css2}} panelSelect0">{{CSS['CHN_PeomContent_'+index].Number}}
            </view>
            <text class="panelItemText0 panelItemText">{{item}}</text>
          </view>
          <view></view>
        </view>
      </block>
    </view>
  </block>

  <!-- 诗词译文 -->
  <block wx:if="{{Result.CHN.Translation && Result.CHN.Translation.length>0}}">
    <view class="panelTitle FlexColumn">
      <view class="panelTitle1 FlexRow">
        <view class="panelTitle11">译文</view>
      </view>
    </view>

    <view class="panelItem0 FlexRow">
      <!-- 每段诗词原文较短 -->
      <block wx:if="{{!Result.CHN.PeomContentIsLong}}">
        <view class="{{CSS.CHN_Translation.Css1}} panelItemHeight panelItem FlexRow" bindtap='getInputData'
          data-type="normal" data-content="{{Result.CHN.Translation}}" data-css="CHN_Translation" data-tag="译文">
          <view class="FlexRow">
            <view class="{{CSS.CHN_Translation.Css2}} panelSelect0">{{CSS.CHN_Translation.Number}}</view>
            <text class="panelItemText0 panelItemText">
              <block wx:for="{{Result.CHN.Translation}}" wx:key="*this" wx:for-item="item1">
                <block wx:if="{{index>0}}">\n</block>
                <block wx:for="{{item1}}" wx:key="*this" wx:for-item="item2" wx:for-index="indexChild">{{item2}}</block>
              </block>
            </text>
          </view>
          <view></view>
        </view>
      </block>

      <!-- 每段诗词原文较长，且有多段 -->
      <block wx:if="{{Result.CHN.PeomContentIsLong && Result.CHN.Translation.length>1}}">
        <view class="{{CSS['CHN_Translation_'+index].Css1}} panelItemHeight panelItem FlexRow"
          wx:for="{{Result.CHN.Translation}}" wx:key="*this" bindtap='getInputData' data-type="normal"
          data-content="{{item}}" data-css="CHN_Translation_{{index}}" data-tag="译文">
          <view class="FlexRow">
            <view class="{{CSS['CHN_Translation_'+index].Css2}} panelSelect0">{{CSS['CHN_Translation_'+index].Number}}
            </view>
            <text class="panelItemText0 panelItemText">
              <block wx:for="{{item}}" wx:key="*this" wx:for-item="item2" wx:for-index="indexChild">{{item2}}</block>
            </text>
          </view>
          <view></view>
        </view>
      </block>

      <!-- 每句诗词原文较长，且有单段 -->
      <block wx:if="{{Result.CHN.PeomContentIsLong && Result.CHN.Translation.length==1}}">
        <view class="{{CSS['CHN_Translation'+index].Css1}} panelItemHeight panelItem FlexRow" bindtap='getInputData'
          data-type="normal" data-content="{{Result.CHN.Translation[0]}}" data-css="CHN_Translation" data-tag="译文">
          <view class="FlexRow">
            <view class="{{CSS['CHN_PeomContent_'+index].Css2}} panelSelect0">{{CSS['CHN_PeomContent_'+index].Number}}
            </view>
            <text class="panelItemText0 panelItemText">
              <block wx:for="{{Result.CHN.Translation}}" wx:key="*this" wx:for-item="item1">
                {{item1}}
              </block>
            </text>
          </view>
          <view></view>
        </view>
      </block>
    </view>
  </block>

  <!-- 英文原文 -->
  <block wx:if="{{Result.ENG.Word && Result.ENG.Word.length>0 && !Result.CHN.HanZi}}">
    <view class="panelTitle0 panelTitle FlexColumn">
      <view class="panelTitle1 FlexRow">
        <view class="panelTitle11">搜索内容</view>
      </view>
    </view>

    <view class="{{CSS.ENG_Word.Css1}} panelItem FlexRow" bindtap='getInputData' data-type="normal"
      data-content="{{Result.ENG.Word}}" data-css="ENG_Word">
      <view class="FlexRow">
        <view class="{{CSS.ENG_Word.Css2}} panelSelect0">{{CSS.ENG_Word.Number}}</view>
        <view class="panelItemText">{{Result.ENG.Word}}</view>
      </view>
      <view></view>
    </view>
    <text wx:if="{{Result.ENG.WordFrequency.Max}}" class="panelRemark">该单词大约在 {{Result.ENG.WordFrequency.Max}} 词频范围内\n除了自制题卡还可以试一试英语「知识检验」</text>
  </block>

  <!-- 音标 -->
  <block wx:if="{{Result.ENG.Soundmark.Eng || Result.ENG.Soundmark.AmE}}">
    <view class="panelTitle FlexColumn">
      <view class="panelTitle1 FlexRow">
        <image class="universalpic_soundwave_black_30x22" src='../images/universalpic_soundwave_black_30x22.png' />
        <view class="panelTitle11">音标</view>
      </view>
      <view class="panelTitle2">练习时可播放读音</view>
      <view class="panelTitle2 FlexRow">
        <view class="panelTitle2TextSelect panelTitle2Text1" wx:if="{{ShowSoundMark==1}}">显示符号</view>
        <view class="panelTitle2Text1" bindtap="changeSoundMark" data-id="1" wx:if="{{ShowSoundMark==0}}">显示符号</view>
        <view class="panelLine2"></view>
        <view class="panelTitle2Text2 panelTitle2Text1" bindtap="changeSoundMark" data-id="0"
          wx:if="{{ShowSoundMark==1}}">隐藏符号</view>
        <view class="panelTitle2TextSelect panelTitle2Text2 panelTitle2Text1" wx:if="{{ShowSoundMark==0}}">隐藏符号</view>
      </view>
    </view>
    <view class="panelItem0 FlexRow">
      <view class="{{CSS.ENG_Soundmark_Eng.Css1}} panelItem FlexRow" wx:if="{{Result.ENG.Soundmark.Eng}}"
        bindtap='getInputData' data-type="sound" data-content="英 {{Result.ENG.Soundmark.Eng}}"
        data-soundmark="{{Result.ENG.Soundmark.EngSound}}" data-css="ENG_Soundmark_Eng" data-tag="发音">
        <view class="FlexRow">
          <view class="{{CSS.ENG_Soundmark_Eng.Css2}} panelSelect0">{{CSS.ENG_Soundmark_Eng.Number}}</view>

          <view class="panelItemText">
            <block wx:if="{{ShowSoundMark==1}}">英 {{Result.ENG.Soundmark.Eng}}</block>
            <block wx:if="{{ShowSoundMark==0}}">英式</block>
          </view>
        </view>
        <view></view>
      </view>
      <view class="{{CSS.ENG_Soundmark_AmE.Css1}} panelItem FlexRow" wx:if="{{Result.ENG.Soundmark.AmE}}"
        bindtap='getInputData' data-type="sound" data-content="美 {{Result.ENG.Soundmark.AmE}}"
        data-soundmark="{{Result.ENG.Soundmark.AmESound}}" data-css="ENG_Soundmark_AmE" data-tag="发音">
        <view class="FlexRow">
          <view class="{{CSS.ENG_Soundmark_AmE.Css2}} panelSelect0">{{CSS.ENG_Soundmark_AmE.Number}} </view>

          <view class="panelItemText">
            <block wx:if="{{ShowSoundMark==1}}">美 {{Result.ENG.Soundmark.AmE}}</block>
            <block wx:if="{{ShowSoundMark==0}}">美式</block>
          </view>
        </view>
        <view></view>
      </view>
    </view>

  </block>

  <!-- 翻译 -->
  <block wx:if="{{Result.ENG.Paraphrase && Result.ENG.Paraphrase.length>0}}">
    <view class="panelTitle FlexColumn">
      <view class="panelTitle1 FlexRow">
        <view class="panelTitle11" wx:if="{{!Result.CHN}}">翻译</view>
        <view class="panelTitle11" wx:if="{{Result.CHN}}">中译英</view>
      </view>
      <view class="panelTitle2" wx:if="{{Result.CHN}}">翻译结果来自网络，仅供参考，正确程度自行评估</view>
    </view>
    <view class="panelItem0 FlexRow">
      <block wx:for="{{Result.ENG.Paraphrase}}" wx:key="ParaphraseList" wx:if="{{item.ParaphraseList}}">
        <view class="{{CSS['ENG_ParaphraseList_'+index+'_'+indexChild].Css1}} panelItemHeight panelItem FlexRow"
          wx:for="{{item.ParaphraseList}}" wx:key="*this" wx:for-item="itemChild" wx:for-index="indexChild"
          bindtap='getInputData' data-type="normal" data-content="{{item.PartOfSpeech}} {{itemChild}}"
          data-css="ENG_ParaphraseList_{{index}}_{{indexChild}}" data-tag="翻译">
          <view class="FlexRow">
            <view class="{{CSS['ENG_ParaphraseList_'+index+'_'+indexChild].Css2}} panelSelect0">
              {{CSS['ENG_ParaphraseList_'+index+'_'+indexChild].Number}}</view>
            <text class="panelItemText2 panelItemText">{{item.PartOfSpeech}} {{itemChild}}</text>
          </view>
          <view class="FlexRow">
            <block wx:if="{{!CSS['ENG_ParaphraseList_'+index+'_'+indexChild].Number}}">
              <view class="panelLine1"></view>
              <view class="panelItemButton FlexColumn" catchtap="changeInfomation" data-word="{{itemChild}}" data-ischn="{{Result.CHN}}">
                <image class="universalpic_link_black_24x24" src='../images/universalpic_link_black_24x24.png' />
              </view>
            </block>
          </view>
        </view>
      </block>

      <block wx:if="{{Result.ENG.Paraphrase && !Result.ENG.Paraphrase[0].ParaphraseList}}">
        <view class="{{CSS.ENG_Paraphrase.Css1}} panelItem FlexRow" bindtap='getInputData' data-type="normal"
          data-content="{{Result.ENG.Paraphrase}}" data-css="ENG_Paraphrase" data-tag="翻译">
          <view class="FlexRow">
            <view class="{{CSS.ENG_Paraphrase.Css2}} panelSelect0">{{CSS.ENG_Paraphrase.Number}}</view>
            <text class="panelItemText">{{Result.ENG.Paraphrase}}</text>
          </view>
          <view></view>
        </view>
      </block>
    </view>
  </block>

  <!-- 例句 -->
  <block wx:if="{{Result.ENG.ExamplesSentences && Result.ENG.ExamplesSentences.length>0}}">
    <view class="panelTitle FlexColumn">
      <view class="panelTitle1 FlexRow">
        <view class="panelTitle11">例句</view>
      </view>
      <view class="panelTitle2">中英对照可分开选用，关键词标有下划线</view>
    </view>
    <view class="panelItem0 FlexRow">
      <block wx:if="{{Result.ENG.ExamplesSentences && Result.ENG.ExamplesSentences.length>0}}"
        wx:for="{{Result.ENG.ExamplesSentences}}" wx:key="*this">

        <view
          class="{{CSS['ENG_ExamplesSentences_'+index+'_0'].Css1}} panelItemNullBottom panelItemHeight panelItem FlexRow"
          bindtap='getInputData' data-type="normal" data-content="{{item[0]}}"
          data-css="ENG_ExamplesSentences_{{index}}_0">
          <view class="FlexRow">
            <view class="{{CSS['ENG_ExamplesSentences_'+index+'_0'].Css2}} panelSelect0">
              {{CSS['ENG_ExamplesSentences_'+index+'_0'].Number}}</view>
            <view class="panelItemText0 panelItemText">
              <block wx:for="{{item[2]}}" wx:key="*this" 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>
            </view>
          </view>
          <view></view>
        </view>
        <view class="panelLine3 FlexRow">
          <view class="panelLine31"></view>
        </view>
        <view
          class="{{CSS['ENG_ExamplesSentences_'+index+'_1'].Css1}} panelItemNullTop panelItemHeight panelItem FlexRow"
          bindtap='getInputData' data-type="normal" data-content="{{item[1]}}"
          data-css="ENG_ExamplesSentences_{{index}}_1">
          <view class="FlexRow">
            <view class="{{CSS['ENG_ExamplesSentences_'+index+'_1'].Css2}} panelSelect0">
              {{CSS['ENG_ExamplesSentences_'+index+'_1'].Number}}</view>
            <view class="panelItemText0 panelItemText">
              {{item[1]}}
            </view>
          </view>
          <view></view>
        </view>
      </block>
    </view>
  </block>
  <view class="panelHeight40"></view>
</view>

<view wx:if="{{IsHelp}}" class="HelpContainer container FlexColumn" style='height:{{Containnerheight}}rpx;'>
  <view class="HelpPanel1 FlexColumn">
    <view class="HelpPanel11 FlexRow">
      <view class="HelpPanel111 FlexRow" catchtap="closeHelp">
        <image src='../images/universalpic_close_black_24x24.png' class="universalpic_close_black_24x24" />
      </view>
      <view></view>
    </view>
    <swiper class="HelpPanel2" indicator-dots="true" autoplay="true" interval="10000" duration="500">
      <block wx:for="{{HelpArr}}" wx:key="*this">
        <swiper-item>
          <view class="HelpPanel12 FlexColumn">
            <image src='{{ImagePath}}web/{{item}}.png'
              class="{{item}}" />
          </view>
        </swiper-item>
      </block>
    </swiper>
  </view>
</view>