代码

 

  1 创建新项目

     创建组件，搜索框组件 ， 然后在index中，声明组件SearchInput。已经封装，可以复制粘贴使用的功能了。

  

   wxml 

 

<!--components/SearchInput/SearchInput.wxml-->

 

<!-- 搜索框，父传子组件的传参数就用的了

 

1 navigate 这个属性就是跳转到非tabbar 页面

保存后成功跳转， 搜索框的跳转功能终于实现了！

 

-->

<!-- 点击跳转功能的实现，是URL 路径的引入，引入后就可以实现了。 -->

<view class="search_input">

<navigator url="/pages/search/index" open-type="navigate"> 搜索产品 </navigator>

</view>