小程序--搜索栏--原生

1、页面结构

<view class="search_top">
  <input placeholder="输入搜索内容" class="search_top_left" bindinput="getsearchval" value="{
    {searchval}}"></input>
  <view class="search_top_xian"></view>
  <view class="search_top_button" bindtap="gosearchresult">搜索</view>
</view>
<!-- 搜索记录 -->
<block wx:if="{
    {showRecord}}">
  <view class="search_clear" wx:if="{
    {recentSearch.length}}">
    <view class="search_clear_left">搜索记录</view>
    <image src="/images/clear.png" class="search_clear_right" bindtap="clearSearch"></image>
  </view>
  <view class="search_record" wx:if="{
    {recentSearch.length}}">
    <view class="search_record_one" wx:for="{
    {recentSearch}}" bindtap="clickval" data-val="{
    {item}}">{
  {item}}</view>
  </view>
</block>
<!-- 搜索结果 -->
<view class="search_result"  wx:for="{
    {list}}"  data-id="{
    {item.id}}" bindtap="godetail">
    <view class="search_one"  bindtap=