前言
搜索功能在各大APP中可以说是司空见惯的标配，相对“社交流量”的信息找人，“搜索流量”是人找信息，它传递的是一种“我想知道”的信息。在小程序中搜索功能可以说是必备的一个任务栏，这个笔记我会将自己制作搜索下拉框的思路与过程分享给大家，有任何问题的小伙伴可以在评论区一起讨论～课程将实现的功能有：1未聚焦时常规显示，聚焦时出现”下拉列表“2”下拉列表“内容根据用户输入实时筛选3点击”下拉列表“中的内容，”展示列表“内容实时更新展示4完成输入后，”搜索框“中保持显示输入的内容
操作指南组件搭建（具体参数往下拉）●添加「列表」至页面作为展示列表，列表中包含图片、文字等内容●搜索框由「条件式容器」构成，分“未聚焦”、“聚焦”、“空白”三状况●其中，“未聚焦”状况由「视图」与「文字」构成，作为假搜索框●“聚焦”状况由「文字输入」与「列表」构成●组件树中修改组件层级：搜索下拉框-》展示列表_列表
数据绑定●完成"展示列表_列表"的数据绑定，并设置过滤条件
●完成“下拉列表”的数据绑定，无过滤条件●「列表」中「文字」与 title 字段关联具体参数
触发行为●实现“未聚焦“与”聚焦“状况间的自由切换
功能优化●当前项目存在部分需要优化的点：
问题一●情况：在搜索框中键入搜索内容后，点击搜索框以外的空白处，搜索框中的内容未保留 ●解决方法：在未聚焦状况下，需要判断搜索框是否有输入，如果无内容输入则显示“搜索”，否则就显示文字输入的内容。
问题二●情况：点击搜索框，未自动聚焦，需二次点击聚焦●解决方法：打开“真搜索框”样式中的“自动聚焦”开关
问题三●情况：在搜索框中键入搜索内容后，下拉列表中的内容未能根据输入情况进行实时筛选●解决方法：未聚焦状况下，添加“刷新下拉列表”行为；下拉列表过滤条件：title相似于搜索内容 或 content相似于搜索内容
问题四●情况：点击下拉列表中的内容，展示列表未展示点击项对应的内容●解决方法：选项设置点击时行为
