09｜无代码开发 ｜ 如何使用Zion制作搜索框

搜索框的作用在各种场景中使用率极高，它能够让用户快速的找到自己想要的东西。今天就给大家来分享一下搜索功能的制作，先来看一下效果：

制作思路

• 搜索框获取焦点：用户输入框填入关键词

• 搜索框失去焦点：对列表数据进行搜索

制作过程

第一步：设置搜索框

在页面中拖入一个“文字输入”组件，并且命名为“搜索框”，命名的作用是为了更方便的识别组件。