miaoguo_master/pages/main/searchCard.wxml

<view class="container FlexColumn" style='min-height:{{Containnerheight}}rpx;'>
  <view class="panelTop FlexRow">
    <view class="panelLeft FlexRow">
      <view class="panelTopSearch FlexRow">
        <image class="universalpic_magnifier_gray_30x30" src='../images/universalpic_magnifier_gray_30x30.png' />
        <input class='input'  always-embed="true"  maxlength='50' focus='{{Focus}}' bindinput="onKeyInput" value="{{SearchInfo}}"
          placeholder="搜索我的题卡" confirm-type="search" bindconfirm="onSearch" bindfocus="onFocus" />
        
        <view class="clearData FlexRow" catchtap="clearInput" wx:if="{{SearchInfo}}">
          <view class="clearData0 FlexRow">
            <image class="universalpic_close_black_16x16" src='../images/universalpic_close_black_16x16.png' />
          </view>
        </view>

      </view>
    </view>
    <view class="panelRight FlexRow">
      <view class='panelTop1 FlexRow' bindtap="close">
        <view class="panelTop3">取消</view>
      </view>
    </view>
  </view>
  <view class="panelTopNull"></view>
  <block wx:if="{{IsNull}}">
    <view class="panelNull FlexColumn">
      <image class="universalpic_card_none_gray_90x84" src='../images/universalpic_card_none_gray_90x84.png' />
      <view class="panelNullText">没有题卡</view>
    </view>
    <view class="panelAdd FlexRow" bindtap="goto" data-url="./add?type=add&id=0">
        <image class="universalpic_add_black_30x30" src='../images/universalpic_add_black_30x30.png' />
        <view class="panelAddText">新建题卡</view>
    </view>
    <view class="lineWidth690"></view>
    <view class="panel1 FlexColumn">
      <view class="panel11 FlexRow">
        <view class="panel11Left">
          与搜索内容有关的资料
        </view>
        <view>
        </view>
      </view>
    </view>
    <view class="panelSearching FlexRow" wx:if="{{Searching}}">
      <view class="panelSearching1">正在搜索…</view>
    </view>

    <block wx:if="{{!Searching}}">
      <view class="panelSearchNull FlexColumn" wx:if="{{SearchList.length==0}}">
        <view class="panelSearchNull1">没有相符的资料</view>
        <view class="panelSearchNull2">有资料的情况下可以直接用该资料创建新题卡</view>
      </view>

      <view class="panelSearchNull FlexColumn" wx:if="{{SearchList.length>0}}">
        <view class="panelSearchNull1">有 {{SearchList.length}} 条资料与“{{SearchInfo}}”相符</view>
        <view class="panelSearchNull2">可用以下资料直接创建新题卡</view>
        <view class="panelSearchData FlexRow" wx:for="{{SearchList}}" wx:key="index" bindtap="goto" data-url="./add?type=add3&id=0" data-author="{{item.Author}}" data-word="{{item.Key}}" data-searchtype="{{item.Type}}" data-url2="{{item.Url}}">
          <view class="panelSearchDataImage{{item.TypeName}} panelSearchDataImage FlexColumn">
            <image wx:if="{{item.TypeName=='Z'}}" class="universalpic_dictionary_hanzi_black_54x26" src='../images/universalpic_dictionary_hanzi_black_54x26.png' />
            <image wx:if="{{item.TypeName=='C'}}" class="universalpic_dictionary_ciyu_black_55x23" src='../images/universalpic_dictionary_ciyu_black_55x23.png' />
            <image wx:if="{{item.TypeName=='S'}}" class="universalpic_dictionary_shici_black_53x27" src='../images/universalpic_dictionary_shici_black_53x27.png' />
            <image wx:if="{{item.TypeName=='D'}}" class="universalpic_dictionary_danci_black_53x28" src='../images/universalpic_dictionary_danci_black_53x28.png' />
          </view>
          <view class="panelSearchData1 FlexColumn">
            <view class="panelSearchDataText1">{{item.Key}}</view>
            <view class="panelSearchDataText2">{{item.Remark}}</view>
            <view class="panelSearchDataText3">{{item.Content}}</view>
          </view>
        </view>
        <view class="panelHeight60"></view>
      </view>
    </block>
  </block>

  <block wx:if="{{!IsNull}}">
    <view class="panel1 FlexColumn">
      <view class="panel11 FlexRow">
        <view class="panel11Left">
          搜过的关键词
        </view>
        <view class="panel11Right FlexRow" bindtap='deleteItem'>
          <image class="universalpic_dustbin_black_24x30" src='../images/universalpic_dustbin_black_24x30.png' />
        </view>
      </view>
    </view>
    <view class="lineWidthAll FlexRow">
      <view class="lineWidth720"></view>
    </view>
    <view class='panelItemSearch0 FlexRow'>
      <scroll-view wx:if="{{SearchTextList.length>0}}" scroll-x="true" class="panelBtnSmall">
        <view class="btn0"></view>
        <view class="btn" catchtap="onSearch" wx:for="{{SearchTextList}}" wx:key="index" data-search="{{item}}">{{item}}
        </view>
      </scroll-view>

      <view class="panelItemSearchNull" wx:if="{{SearchTextList.length==0}}">暂无内容，搜一次就有了</view>

    </view>
    <view class="panel1 FlexColumn">
      <view class="panel10 panel11 FlexRow">
        <view class="panel11Left FlexColumn">
          <view>资料专用关键词</view>
          <view class="panel111">在用「加资料」功能制作题卡时会自动添加对应的关键词</view>
        </view>
        <view class="panel11Right">
        </view>
      </view>
    </view>
    <view class="lineWidthAll FlexRow">
      <view class="lineWidth720"></view>
    </view>
    <view class='panelItemSearch0 FlexRow'>
      <scroll-view scroll-x="true" class="panelBtnSmall">
        <view class="btn0"></view>
        <view class="btn" catchtap="onSearch" wx:for="{{InfoArr}}" wx:key="index" data-search="{{item}}">{{item}}</view>
      </scroll-view>
    </view>
  </block>

</view>