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 class="right FlexColumn" bindtap='openHelp'>
        <image class="universalpic_help_gray_26x26" src='../images/universalpic_help_gray_26x26.png' />
      </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-pinyin="{{Result.CHN.PinYin[0].pinyin}}" 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.CHN.Author && Result.CHN.Author.length>0}}">
    <view class="panelTitle FlexRow">
      <view class="panelTitle1">诗词作者</view>
    </view>
    <view class="panelItem FlexRow">
      <view class="{{CSS.CHN_Author.Css1}} panelItemFrame FlexRow" bindtap='getInputData' data-type="normal" data-content="{{Result.CHN.Dynasty}} {{Result.CHN.Author}}" data-css="CHN_Author"  data-tag="诗词作者">
        <view class="{{CSS.CHN_Author.Css2}} panelSelect0">{{CSS.CHN_Author.Number}}</view>
        <view class="text1">{{Result.CHN.Dynasty}} {{Result.CHN.Author}}</view>
      </view>
    </view>
    <view class='lineFooter'></view>
  </block>

  <!-- 诗词原文 -->
  <block wx:if="{{Result.CHN.PeomContent && Result.CHN.PeomContent.length>0}}">
    <view class="panelTitle FlexRow">
      <view class="panelTitle1">诗词原文</view>
    </view>
    <view class="panelItem FlexRow">
      <view class="{{CSS.CHN_PeomContent.Css1}} panelItemFrame FlexRow" bindtap='getInputData' data-type="normal" data-content="{{Result.CHN.PeomContent}}" data-css="CHN_PeomContent" data-tag="诗词原文">
        <view class="{{CSS.CHN_PeomContent.Css2}} panelSelect0">{{CSS.CHN_PeomContent.Number}}</view>
        <view class="text1">
          <block wx:for="{{Result.CHN.PeomContent}}" wx:key="index" wx:for-item="item1">
            <block wx:for="{{item1}}" wx:key="indexChild" wx:for-item="item2">{{item2}}</block>\n
          </block>
        </view>
      </view>
    </view>
    <view class='lineFooter'></view>
  </block>

  <!-- 诗词译文 -->
  <block wx:if="{{Result.CHN.Translation && Result.CHN.Translation.length>0}}">
    <view class="panelTitle FlexRow">
      <view class="panelTitle1">诗词译文</view>
    </view>
    <view class="panelItem FlexRow">
      <view class="{{CSS.CHN_Translation.Css1}} panelItemFrame FlexRow" bindtap='getInputData' data-type="normal" data-content="{{Result.CHN.Translation}}" data-css="CHN_Translation" data-tag="诗词译文">
        <view class="{{CSS.CHN_Translation.Css2}} panelSelect0">{{CSS.CHN_Translation.Number}}</view>
        <view class="text1">{{Result.CHN.Translation}}</view>
      </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>

<view wx:if="{{IsShowHelp==0}}" catchtap='close' class="numberContainer container FlexColumn" style='height:{{Containnerheight}}rpx;'>
  <view class='numberContainer1 FlexColumn'>
    <view class="numberContainer11 FlexRow">
      <view class='left'>快捷键</view>
      <view class='right'>
      </view>
    </view>
    <view class="numberContainer12 FlexRow">
      <text class='numberContainer121'>
      点一下，添加到段落1；\n
      第二下，添加到段落2；\n
      第三下，添加到段落3；\n
      第四下，不添加；\n
      1、2、3是段落号码，和点选的先后顺序无关。
      </text>
    </view>
    <view class='lineFooter'></view>
    <view class="numberContainer13 FlexRow">
      <view>知道了</view>
    </view>
  </view>
</view>