小程序搜索框的实现和搜索历史记录的实现

这段时间自学小程序编程，从组件到API的学习后，编写的第一个较为综合的小案列，编写搜索框对初学者来说最重要也是最难理解的就是定位和布局：position和display，大家一定要先把这两个属性理解透彻。这里暂时没有写点击各组件之后对应的事件，

.wxml

.mxss

————————————

• 2.也可以利用label组件让搜索框看着更高级一点，如下

 

.wxml

这里定义的bindtap事件，即点击之后label隐藏

.wxss

 

• 三，搜索历史记录的实现
• history.unshift is not a function; [Component] Event Handler Error @ pages/index/index#bound bindInputConfirm
  TypeError: history.unshift is not a function遇到这个错误是因为history的数据类型不是数组，
• 下面的程序实现历史框，但是有一个逻辑存在问题暂时没能解决，就是当清除搜索记录后，点击搜索框，搜索框会显示出来，总找不到原因

.wxss