uniapp-038-搜索页-搜索框样式

调整样式

设置了如上的样式之后，拿到了下面的效果：

制造搜索框

搜索框当中的value，用test干什么

完全没有必要。

我们要使用placeholder。

我们想要让placeholder的文字变小一些。

我们添加了一个类：navbar-search_text。

搜索框的小问题 - 不能输入

这是为什么呢？

这是因为我们的导航栏上面有一个点击事件。

这是原来，我们写的。

我们原来写的是，这是首页的导航栏，我们点击，我们就跳转到了搜索页。

但是呢，现在我们要写的是搜索页的导航栏。

我们要处理这个问题。

第一，我们要取消冒泡

第二，我们要在open方法当中进行一个判断。

不要执行页面跳转。

这时候页面就可以正常输入。