Use apiccloud AVM multi terminal component to quickly realize the search function in the app

quite a lot APP There is a need for search function in , This article describes how to use avm Multi terminal components can quickly realize the search function .

stay APICloud Module library search animate-UISearchBar, Add to project . Multi terminal components need to download the source code , Introduced into the project to use .

animate-UISearchBar Some functions ： Search space occupying prompt 、 Search records 、 Clear search records 、 Search for trigger events 、 Cancel search event 、 You can use css Custom style .

The extracted component directory after downloading is shown in the figure below ：

among animate-UISearchBar.stml For component files , On the project components Under the table of contents , Pictured ：

Use... On the page you need to use import Statement introduction component animate-UISearchBar.stml, Pictured ：

  Quotes ： import "../components/animate-UISearchBar/animate-UISearchBar.stml";

The operation effect is shown below ：

Through the above process , You can see that using components is convenient and fast , It can improve the efficiency of project development .

How to add modules , The debugging module is not familiar with , Refer to the following documents ：

Module tutorial ：https://www.csdn.net/article/2022-01-26/122697219

studio 3 Tutorial documentation

studio 3 Real machine debugging documentation