很多 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/2022-01-26/122697219

studio 3 教程文档

studio 3 真机调试文档

​

最新文章

  1. 还是俄罗斯方块之android版
  2. 如何生成DLL文件
  3. Spark shell的原理
  4. 禁用cookie后
  5. 关于delegate, category和subclass
  6. 基于Emgu CV 的手势识别实现PPT的控制放映
  7. LINQ to SQL 增，删，改
  8. N沟道增强型MOS管双向低频开关电路
  9. 项目架构mvc+webapi
  10. 关于EF+MVC5分页查询数据效率问题
  11. 关于canvas画布使用fillRect()时高度出现双倍效果解决办法
  12. 来腾讯云开发者实验室 学习.NET Core 2.0
  13. 【机器学习】使用gensim 的 doc2vec 实现文本相似度检测
  14. Java数据库学习之模糊查询（like ）
  15. LabVIEW（一）：知识入门
  16. js Infinity 属性
  17. MT7601 AP模式移植
  18. vs2017控制python版本
  19. Java基础教程(20)--数字和字符串
  20. DoraHacks的笔记

热门文章

  1. 2022“杭电杯”中国大学生算法设计超级联赛（6）- 1011 Find different
  2. Vue3.x+element-plus+ts踩坑笔记
  3. Linux文件属性与管理
  4. ES6 学习笔记（四）基本类型Number
  5. echarts标题（title）配置
  6. 使用vite + vue3 + ant-design-vue + vue-router + vuex 创建一个后台管理应用
  7. (C++) C++ template笔记 -- template关键字及typename关键字
  8. 关于linux mint(nemo)添加右键菜单修改方法
  9. 数据结构高阶--AVL（平衡二叉树）（图解+实现）
  10. OpenLooKeng