搜索框的作用在各种场景中使用率极高,它能够让用户快速的找到自己想要的东西。今天就给大家来分享一下搜索功能的制作,先来看一下效果:
![](https://i-blog.csdnimg.cn/blog_migrate/88caf48f8dd99f0500223d3294096961.gif)
制作思路
搜索框获取焦点:用户输入框填入关键词
搜索框失去焦点:对列表数据进行搜索
制作过程
第一步:设置搜索框
在页面中拖入一个“文字输入”组件,并且命名为“搜索框”,命名的作用是为了更方便的识别组件。
搜索框的作用在各种场景中使用率极高,它能够让用户快速的找到自己想要的东西。今天就给大家来分享一下搜索功能的制作,先来看一下效果:
搜索框获取焦点:用户输入框填入关键词
搜索框失去焦点:对列表数据进行搜索
在页面中拖入一个“文字输入”组件,并且命名为“搜索框”,命名的作用是为了更方便的识别组件。