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.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="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="{{CSS['CHN_PinYin_'+index+'_pinyin'].Css2}} panelSelect0">{{CSS['CHN_PinYin_'+index+'_pinyin'].Number}}</view>
        <view class="PeomRead FlexRow">
          <image class="universalpic_read_mark_black_20x20" src="../images/universalpic_read_mark_black_20x20.png" />
        </view>
        <view class="text2 text1">{{item.pinyin}}</view>
      </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="*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="{{CSS['CHN_TianKong_'+index].Css2}} panelSelect0">{{CSS['CHN_TianKong_'+index].Number}}</view>
        <view class="PeomRead FlexRow">
          <image class="universalpic_read_mark_black_20x20" src="../images/universalpic_read_mark_black_20x20.png" />
        </view>
        <view class="text1">{{item}}</view>
      </view>
    </view>
    <view class='lineFooter'></view>
  </block>

  <!-- 楷书数组 -->
  <block wx:if="{{Result.CHN.KaitiArr && Result.CHN.KaitiArr.length>0 && ShowKaiti==0}}">
    <view class="panelTitle FlexRow">
      <view class="panelTitle1">书写</view>
      <view class="panelTitle2" bindtap="changeBishun" data-id="1">换成笔顺</view>
    </view>
    <view class="panelItem FlexRow">
      <view class="{{CSS['CHN_KaitiArr_'+index].Css1}} panelItemFrame1 panelItemFrame 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="{{CSS['CHN_KaitiArr_'+index].Css2}} panelSelect0">{{CSS['CHN_KaitiArr_'+index].Number}}</view>
        <image class="image1" src="{{item}}" />
      </view>
    </view>
    <view class='lineFooter'></view>
  </block>

  <!-- 笔顺数组 -->
  <block wx:if="{{Result.CHN.BiShunArr2 && Result.CHN.BiShunArr2.length>0 && ShowKaiti==1 }}">
    <view class="panelTitle FlexRow">
      <view class="panelTitle1">书写</view>
      <view class="panelTitle2" bindtap="changeBishun" data-id="0">换成静图</view>
    </view>
    <view class="panelItem FlexRow">
      <view class="{{CSS['CHN_BiShunArr2_'+index].Css1}} panelItemFrame1 panelItemFrame 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="{{CSS['CHN_BiShunArr2_'+index].Css2}} panelSelect0">{{CSS['CHN_BiShunArr2_'+index].Number}}</view>
        <image class="image1" src="{{item}}" />
      </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="*this" 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="*this" 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="*this" 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="pinyin" bindtap='getInputData' data-type="normal" data-content="[读]{{item.pinyin}}[/读]\n{{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.BuShou && Result.CHN.BuShou.length>0}}">
    <view class="panelTitle FlexRow">
      <view class="panelTitle1">部首</view>
    </view>
    <view class="panelItem FlexRow">
      <view class="{{CSS.CHN_BuShou.Css1}} panelItemFrame FlexRow" bindtap='getInputData' data-type="normal" data-content="{{Result.CHN.BuShou}}" data-css="CHN_BuShou" data-tag="部首">
        <view class="{{CSS.CHN_BuShou.Css2}} panelSelect0">{{CSS.CHN_BuShou.Number}}</view>
        <view class="text1">{{Result.CHN.BuShou}}</view>
      </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 class="panelTitle2" bindtap="changeRead" data-id="1" wx:if="{{IsPoemRead==0}}">换成朗读</view>
      <view class="panelTitle2" bindtap="changeRead" data-id="0" wx:if="{{IsPoemRead==1}}">换成纯文</view>

    </view>
    <view class="panelItem FlexRow">

      <!-- 每段诗词原文较短 -->
      <block wx:if="{{!Result.CHN.PeomContentIsLong}}">
        <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="PeomRead FlexRow" wx:if="{{IsPoemRead==1}}">
            <image class="universalpic_read_mark_black_20x20" src="../images/universalpic_read_mark_black_20x20.png" />
          </view>
          <text class="text1">
          <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>
      </block>

      <!-- 每段原文较长，且有多段 -->
      <block wx:if="{{Result.CHN.PeomContentIsLong && Result.CHN.PeomContent.length>1}}">
        <view class="{{CSS['CHN_PeomContent_'+index].Css1}} panelItemFrame 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="{{CSS['CHN_PeomContent_'+index].Css2}} panelSelect0">{{CSS['CHN_PeomContent_'+index].Number}}</view>
          <view class="PeomRead FlexRow" wx:if="{{IsPoemRead==1}}">
            <image class="universalpic_read_mark_black_20x20" src="../images/universalpic_read_mark_black_20x20.png" />
          </view>
          <view class="text1">
            <block wx:for="{{item}}" wx:key="*this" wx:for-item="item2" wx:for-index="indexChild">{{item2}}</block>
          </view>
        </view>
      </block>

      <!-- 每句诗词原文较长，且有单段 -->
      <block wx:if="{{Result.CHN.PeomContentIsLong && Result.CHN.PeomContent.length==1}}">
        <view class="{{CSS['CHN_PeomContent_'+index].Css1}} panelItemFrame 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="{{CSS['CHN_PeomContent_'+index].Css2}} panelSelect0">{{CSS['CHN_PeomContent_'+index].Number}}</view>
          <view class="PeomRead FlexRow" wx:if="{{IsPoemRead==1}}">
            <image class="universalpic_read_mark_black_20x20" src="../images/universalpic_read_mark_black_20x20.png" />
          </view>
          <view class="text1">
            {{item}}
          </view>
        </view>
      </block>


    </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">
      <!-- 每段诗词原文较短 -->
      <block wx:if="{{!Result.CHN.PeomContentIsLong}}">
        <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>
          <text class="text1">
          <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>
      </block>

      <!-- 每段诗词原文较长，且有多段 -->
      <block wx:if="{{Result.CHN.PeomContentIsLong && Result.CHN.Translation.length>1}}">
        <view class="{{CSS['CHN_Translation_'+index].Css1}} panelItemFrame 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="{{CSS['CHN_Translation_'+index].Css2}} panelSelect0">{{CSS['CHN_Translation_'+index].Number}}</view>
          <view class="text1">
            <block wx:for="{{item}}" wx:key="*this" wx:for-item="item2" wx:for-index="indexChild">{{item2}}</block>
          </view>
        </view>
      </block>

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

    </view>
    <view class='lineFooter'></view>
  </block>


  <!-- 英文原文 -->
  <block wx:if="{{Result.ENG.Word && Result.ENG.Word.length>0 && !Result.CHN.HanZi}}">
    <view class="panelTitle0 panelTitle FlexColumn">
      <view class="panelTitle3">搜索内容</view>
      <view class="panelTitle4" wx:if="{{Result.ENG.WordFrequency}}">该单词在{{Result.ENG.WordFrequency.Max}}常用词汇范围内</view>
      <view style="height:30rpx"></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="PeomRead FlexRow">
          <image class="universalpic_read_mark_black_20x20" src="../images/universalpic_read_mark_black_20x20.png" />
        </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="PeomRead FlexRow">
          <image class="universalpic_read_mark_black_20x20" src="../images/universalpic_read_mark_black_20x20.png" />
        </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="ParaphraseList" wx:if="{{item.ParaphraseList}}">
        <view class="{{CSS['ENG_ParaphraseList_'+index+'_'+indexChild].Css1}} panelItemFrame 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="{{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>