miaoguo_master/pages/main/searchWeb2.wxml

<view class="container FlexColumn" style='min-height:{{Containnerheight}}rpx;'>

  <!-- 搜索内容 -->
  <block wx:if="{{Result.CHN.HanZi}}">
    <view class="panelTitle FlexRow">
      <view class="panelTitle1">搜索内容</view>
    </view>
    <view class="panelItem FlexRow">
      <view class="{{CSS.CHN_HanZi.Css1}} panelItemFrame FlexRow" bindtap='getInputData' data-type="normal" data-content="{{Result.CHN.HanZi}}" data-css="CHN_HanZi">
        <view class="{{CSS.CHN_HanZi.Css2}} panelSelect0">{{CSS.CHN_HanZi.Number}}</view>
        <view class="text1">{{Result.CHN.HanZi}}</view>
      </view>
    </view>
    <view class='lineFooter'></view>
  </block>

  <!-- 笔顺和楷书 -->
  <block wx:if="{{Result.CHN.HanZiImageUrl || Result.CHN.BiShunUrl }}">
    <view class="panelTitle FlexRow">
      <view class="panelTitle1">书写</view>
    </view>
    <view class="panelItem FlexRow">
      <view wx:if="{{Result.CHN.HanZiImageUrl}}" class="{{CSS.CHN_HanZiImageUrl.Css1}} panelItemFrame FlexRow" bindtap='getInputData' data-type="image" data-content="{{Result.CHN.HanZiImageUrl}}" data-css="CHN_HanZiImageUrl" data-tag="书写">
        <view class="{{CSS.CHN_HanZiImageUrl.Css2}} panelSelect0">{{CSS.CHN_HanZiImageUrl.Number}}</view>
        <image class="image1" src="{{Result.CHN.HanZiImageUrl}}" />
      </view>
      <view wx:if="{{Result.CHN.BiShunUrl}}" class="{{CSS.CHN_BiShunUrl.Css1}} panelItemFrame FlexRow" bindtap='getInputData' data-type="image" data-content="{{Result.CHN.BiShunUrl}}" data-css="CHN_BiShunUrl" data-tag="书写">
        <view class="{{CSS.CHN_BiShunUrl.Css2}} panelSelect0">{{CSS.CHN_BiShunUrl.Number}}</view>
        <image class="image1" src="{{Result.CHN.BiShunUrl}}" />
      </view>
    </view>
    <view class='lineFooter'></view>
  </block>

  <!-- 读写 -->
  <block wx:if="{{Result.CHN.TianKong && Result.CHN.TianKong.length>0}}">
    <view class="panelTitle FlexRow">
      <view class="panelTitle1">读写</view>
    </view>
    <view class="panelItem FlexRow">
      <view class="{{CSS['CHN_TianKong_'+index].Css1}} panelItemFrame FlexRow" wx:for="{{Result.CHN.TianKong}}" wx:key="index" bindtap='getInputData' data-type="sound" data-content="{{item}}" data-css="CHN_TianKong_{{index}}" data-tag="读写">
        <view class="{{CSS['CHN_TianKong_'+index].Css2}} panelSelect0">{{CSS['CHN_TianKong_'+index].Number}}</view>
        <view class="text1">{{item}}</view>
      </view>
    </view>
    <view class='lineFooter'></view>
  </block>

  <!-- 拼音 -->
  <block wx:if="{{Result.CHN.PinYin && Result.CHN.PinYin.length>0}}">
    <view class="panelTitle FlexRow">
      <view class="panelTitle1">拼音</view>
    </view>
    <view class="panelItem FlexRow">
      <view class="{{CSS['CHN_PinYin_'+index+'_pinyin'].Css1}} panelItemFrame FlexRow" wx:for="{{Result.CHN.PinYin}}" wx:key="index" bindtap='getInputData' data-type="sound" data-content="{{item.pinyin}}" data-css="CHN_PinYin_{{index}}_pinyin"  data-tag="拼音">
        <view class="{{CSS['CHN_PinYin_'+index+'_pinyin'].Css2}} panelSelect0">{{CSS['CHN_PinYin_'+index+'_pinyin'].Number}}</view>
        <view class="text2 text1">{{item.pinyin}}</view>
      </view>
    </view>
    <view class='lineFooter'></view>
  </block>
  
  <!-- 组词 -->
  <block wx:if="{{Result.CHN.CombineWords && Result.CHN.CombineWords.length>0}}">
    <view class="panelTitle FlexRow">
      <view class="panelTitle1">组词</view>
    </view>
    <view class="panelItem FlexRow">
      <view class="{{CSS['CHN_CombineWords_'+index].Css1}} panelItemFrame FlexRow" wx:for="{{Result.CHN.CombineWords}}" wx:key="index" bindtap='getInputData' data-type="normal" data-content="{{item}}" data-css="CHN_CombineWords_{{index}}" data-tag="组词">
        <view class="{{CSS['CHN_CombineWords_'+index].Css2}} panelSelect0">{{CSS['CHN_CombineWords_'+index].Number}}</view>
        <view class="text1">{{item}}</view>
      </view>
    </view>
    <view class='lineFooter'></view>
  </block>

  <!-- 近义词 -->
  <block wx:if="{{Result.CHN.Synonym && Result.CHN.Synonym.length>0}}">
    <view class="panelTitle FlexRow">
      <view class="panelTitle1">近义词</view>
    </view>
    <view class="panelItem FlexRow">
      <view class="{{CSS['CHN_Synonym_'+index].Css1}} panelItemFrame FlexRow" wx:for="{{Result.CHN.Synonym}}" wx:key="index" bindtap='getInputData' data-type="normal" data-content="{{item}}" data-css="CHN_Synonym_{{index}}" data-tag="近义词">
        <view class="{{CSS['CHN_Synonym_'+index].Css2}} panelSelect0">{{CSS['CHN_Synonym_'+index].Number}}</view>
        <view class="text1">{{item}}</view>
      </view>
    </view>
    <view class='lineFooter'></view>
  </block>
  
  <!-- 反义词 -->
  <block wx:if="{{Result.CHN.Antonym && Result.CHN.Antonym.length>0}}">
    <view class="panelTitle FlexRow">
      <view class="panelTitle1">反义词</view>
    </view>
    <view class="panelItem FlexRow">
      <view class="{{CSS['CHN_Antonym_'+index].Css1}} panelItemFrame FlexRow" wx:for="{{Result.CHN.Antonym}}" wx:key="index" bindtap='getInputData' data-type="normal" data-content="{{item}}" data-css="CHN_Antonym_{{index}}" data-tag="反义词">
        <view class="{{CSS['CHN_Antonym_'+index].Css2}} panelSelect0">{{CSS['CHN_Antonym_'+index].Number}}</view>
        <view class="text1">{{item}}</view>
      </view>
    </view>
    <view class='lineFooter'></view>
  </block>

  <!-- 释义 -->
  <block wx:if="{{Result.CHN.PinYin && Result.CHN.PinYin.length>0}}">
    <view class="panelTitle FlexRow">
      <view class="panelTitle1">中文释义</view>
    </view>
    <view class="panelItem FlexRow">
      <view class="{{CSS['CHN_PinYin_explain_'+index].Css1}} panelItemFrame FlexRow" wx:for="{{Result.CHN.PinYin}}" wx:key="index" bindtap='getInputData' data-type="normal" data-content="{{item.explain}}" data-css="CHN_PinYin_explain_{{index}}"  data-tag="释义">
        <view class="{{CSS['CHN_PinYin_explain_'+index].Css2}} panelSelect0">{{CSS['CHN_PinYin_explain_'+index].Number}}</view>
        <text class="text1"><block wx:if="{{Result.CHN.PinYin.length>1}}">
        [{{item.pinyin}}]\n 
        </block>{{item.explain}}</text>
      </view>
    </view>
    <view class='lineFooter'></view>
  </block>

  <!-- 英文原文 -->
  <block wx:if="{{Result.ENG.Word && Result.ENG.Word.length>0 && !Result.CHN.HanZi}}">
    <view class="panelTitle FlexRow">
      <view class="panelTitle1">搜索内容</view>
    </view>
    <view class="panelItem FlexRow">
      <view class="{{CSS.ENG_Word.Css1}} panelItemFrame FlexRow" bindtap='getInputData' data-type="normal" data-content="{{Result.ENG.Word}}" data-css="ENG_Word">
        <view class="{{CSS.ENG_Word.Css2}} panelSelect0">{{CSS.ENG_Word.Number}} </view>
        <text class="text1">{{Result.ENG.Word}}</text>
      </view>
    </view>
    <view class='lineFooter'></view>
  </block>

  <!-- 音标 -->
  <block wx:if="{{Result.ENG.Soundmark.Eng || Result.ENG.Soundmark.AmE}}">
    <view class="panelTitle FlexRow">
      <view class="panelTitle1">音标</view>
    </view>
    <view class="panelItem FlexRow">
      <view class="{{CSS.ENG_Soundmark_Eng.Css1}} panelItemFrame 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="{{CSS.ENG_Soundmark_Eng.Css2}} panelSelect0">{{CSS.ENG_Soundmark_Eng.Number}}</view>
        <view class="text2 text1">英 {{Result.ENG.Soundmark.Eng}}</view>
      </view>
      <view class="{{CSS.ENG_Soundmark_AmE.Css1}} panelItemFrame 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="{{CSS.ENG_Soundmark_AmE.Css2}} panelSelect0">{{CSS.ENG_Soundmark_AmE.Number}} </view>
        <view class="text2 text1">美 {{Result.ENG.Soundmark.AmE}}</view>
      </view>
    </view>
    <view class='lineFooter'></view>
  </block>

  <!-- 翻译 -->
  <block wx:if="{{Result.ENG.Paraphrase && Result.ENG.Paraphrase.length>0}}">
    <view class="panelTitle FlexRow">
      <view class="panelTitle1">翻译</view>
    </view>
    <view class="panelItem FlexRow">
      <block wx:for="{{Result.ENG.Paraphrase}}" wx:key="index" wx:if="{{item.ParaphraseList}}">
        <view class="{{CSS['ENG_ParaphraseList_'+index+'_'+indexChild].Css1}} panelItemFrame FlexRow" wx:for="{{item.ParaphraseList}}" wx:key="index1" 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="{{CSS['ENG_ParaphraseList_'+index+'_'+indexChild].Css2}} panelSelect0">{{CSS['ENG_ParaphraseList_'+index+'_'+indexChild].Number}}</view>
          <text class="text1">{{item.PartOfSpeech}} {{itemChild}}</text>
        </view>
      </block>

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

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

  <view class='panelSave' bindtap="addData">添加</view>

</view>