很多 APP 中都有搜尋功能的需求，本文介紹怎麼使用 avm 多端元件快速實現搜尋功能。
在 APICloud 模組庫搜尋 animate-UISearchBar，新增到專案。多端元件需要下載原始碼，引入到專案使用。
animate-UISearchBar 有的功能：搜尋佔位提示語、搜尋記錄、清除搜尋記錄、搜尋觸發事件、取消搜尋事件、可使用css自定義樣式。
下載後解壓的元件目錄如下圖：
其中animate-UISearchBar.stml為元件檔案，放到專案的components 目錄下，如圖：
在需要使用的頁面使用import語句引入元件animate-UISearchBar.stml，如圖：
引用語句： import "../components/animate-UISearchBar/animate-UISearchBar.stml";
執行效果如下圖：
通過以上過程，可以看到使用元件方便快捷，可以提高專案開發效率。
如果對怎麼新增模組，除錯模組還不熟悉，可參考以下文件：
模組使用教程：https://www.csdn.net/article/...
studio 3 教程文件：https://docs.apicloud.com/api...
studio 3 真機除錯文件：https://docs.apicloud.com/Dev...