一、搜索框的实现

搜索框是小程序必不可少的功能，用户可以通过点击 搜索框对信息查找分类，更加加强了用户的体验感。

首先我们要创建专门用于存放组件的文件夹这里我们取名为 Comments。在该文件夹中创建comment文件 创建组件文件自定义名字 然后象样式类选择器方式一样在需要的页面引用即可

在页面引用刚刚引用的搜索标签，

在index的json当中 是专门负责路径的配置以及组件的引用的。

“usingComponents":(
"searchEar" : " /components/SearchBar/SearchBar"
）

而我们想要显示在页面则需要使用 wxml标签文件

<!--搜索框开始-->
<SearchBar></SearchBar><!--搜索框结束-->

到这里还没有结束：当我们点击了搜索框之后，我们需要跳转到搜索页面，既然想要跳转页面也就是需要路由的转发。那么就需要在json文件中进行定义。

"pages":t
" pages/index/index","pages/category/index","pages/cart/index","pages/my/index","pages/search/index"

主路由中加入 点击搜索框跳转的路由路径

<view class="search_bar">
<navigator url="/pages/search/index" open-type="navigate"><icon type="search” size="16"></icon>搜索
</navigator>

使用方法如上。

这样除了搜索框的外官我们也就基本的实现了搜索框的功能。