<view class="container FlexColumn" style='min-height:{{Containnerheight}}rpx;'>
  <view class="panelSearch FlexRow">
    <view class="panelSearch1 FlexRow">
      <image class="universalpic_search_gray_30x30" src='../images/universalpic_search_gray_30x30.png' />
      <input class='input' maxlength='50' auto-focus bindinput="onKeyInput" value="{{SearchInfo}}" bindfocus="onBindfocus" />
    </view>
  </view>
  <view class='lineFooter'></view>

  <!-- 搜索起始状态 -->
  <block wx:if="{{IsStart}}">
    <view class='panelBtn FlexRow'>
      <view class='text1' bindtap="close" data-idsave="false">取消</view>
      <view class='line1'></view>
      <view class='text2 text1' bindtap="onSearch" data-idsave="true">搜索</view>
    </view>
    <view class='lineFooter'></view>

    <block wx:if="{{SearchTextList.length>0}}">
      <view class="panelTitle0 panelTitle FlexRow">
        <view class="panelTitle3">近期搜索</view>
        <view class="panelTitle4 FlexRow" bindtap='deleteItem'>
          <image class="universalpic_del_black_20x28" src='../images/universalpic_del_black_20x28.png' />
        </view>
      </view>

      <view class='panelItemSearch0 FlexRow'>
        <view class="panelTag FlexRow" wx:for="{{SearchTextList}}" wx:key="index" bindtap='onSearch' data-search="{{item}}">
          <view class="panelTag0">{{item}}</view>
        </view>
      </view>
      
      <view class='lineFooter'></view>
    </block>
  </block>

  <!-- 无资料匹配状态 -->
  <block wx:if="{{!IsStart && List.length==0}}">
    <view class='panelNull FlexColumn'>
      <view class="text3">无匹配</view>
      <view class="text4">通过搜索汉字、词语、成语、诗词、英语单词，添加相关资料</view>
    </view>
    <view class="panelTitle FlexRow">
      <view class="panelTitle1">参考资料</view>
    </view>
    <block wx:for="{{ListOther}}" wx:key="index">
      <view class="lineWidthAll FlexRow" wx:if="{{index>0}}">
        <view class="lineWidth720"></view>
      </view>
      <view class="panelItemSearch FlexColumn" bindtap='onSearchHistory' data-index="{{index}}" data-type="null">
        <view class="panelItemSearch1 FlexRow">
          <view class="panelItemSearch11">
            {{item.Key}}
          </view>
          <view class="panelItemSearch12 FlexRow" wx:if="{{item.Type=='shici' || item.Type=='eng'}}">
            {{item.TypeName}}
          </view>
        </view>
        <view class="panelItemSearch2 FlexRow" wx:if="{{item.Type=='zici'  || item.Type=='eng'}}">
          {{item.Remark}}
        </view>
        <view class="panelItemSearch2 FlexRow" wx:if="{{item.Type=='shici'}}">
          {{item.Author}} {{item.Dynasty}}
        </view>
        <view class="panelItemSearch3 FlexRow">
          {{item.Content}}
        </view>
      </view>
    </block>
    <view class='lineFooter'></view>
  </block>

  <block wx:if="{{!IsStart && List.length>0}}">
    <view style='height:50rpx;'>
    </view>
    <block wx:for="{{List}}" wx:key="index">
      <view class="lineWidthAll FlexRow" wx:if="{{index>0}}">
        <view class="lineWidth720"></view>
      </view>
      <view class="panelItemSearch FlexColumn" bindtap='onSearchHistory' data-index="{{index}}" data-type="many">
        <view class="panelItemSearch1 FlexRow">
          <view class="panelItemSearch11">
            {{item.Key}}
          </view>
          <view class="panelItemSearch12 FlexRow" wx:if="{{item.Type=='shici' || item.Type=='eng'}}">
            {{item.TypeName}}
          </view>
        </view>
        <view class="panelItemSearch2 FlexRow" wx:if="{{item.Type=='zici' || item.Type=='eng'}}">
          {{item.Remark}}
        </view>
        <view class="panelItemSearch2 FlexRow" wx:if="{{item.Type=='shici'}}">
          {{item.Author}} {{item.Dynasty}}
        </view>
        <view class="panelItemSearch3 FlexRow">
          {{item.Content}}
        </view>
      </view>
    </block>
    <view class='lineFooter'></view>
  </block>

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