AVM(Application-View-Model)前端组件开发模型基于标准的WebComponents组件化思想,提供包括虚拟DOM和Runtime的avm.js编程框架和多终端统一编译工具,完全兼容WebComponents标准,兼容Vue和React语法糖编写代码,编译工具将Vue和React相关语法糖编译成avm.js代码。基于标准的WebComponents组件化思想,兼容Vue/React语法特性。通过一次编码,分别编译成App和小程序代码,实现多端开发。组件功能引入数字滚动组件,用于显示数字的动态效果。组件中使用的核心功能点是background-position属性设置背景图片的起始位置。每个号码位的背景图片都是由0-9个数字组成的图片,不同的数字在其实际位置随机生成不同的图片来显示。数字切换的频率通过延迟每一代的位置来控制,可以定制。您可以自定义数字的实际位置,左、右和居中。显示的号码数量可以自定义。示例展示组件开发组件count-up.stml组件使用说明该组件是基于AVM.js开发的多端组件,通常兼容Android、iOS、小程序和H5,具体支持情况以各组件文档为准。首先需要登录开发平台http://www.apicloud.com。通过控制平台右上角的模块Store进入,然后选择AVM组件。找到对应的模块,点击进入。也可以通过搜索栏按组件名称关键字进行搜索。输入模块详情,点击立即下载下载完整的组件安装包。组件压缩包文件目录如下。您也可以查看模块文档,了解模块的具体参数、引用的原生模块以及注意事项。项目中具体使用步骤如下:第一步将压缩包中的easy-count-up.stml文件复制到项目的components目录下,阅读readme.md文档并查看demo示例文件demo-easy-count-up.stml导入stml文件中需要开发的组件文件,完成页面的开发。demo-count-up.stml随机抽取一个{customNum}位数字的车牌随机抽取{customNum1}位数字的车牌随机抽取一个{customNum2}位的车牌如果你在AVM组件库中没有找到你在实际项目中需要的组件,你可以尝试自己封装组件。这是基于组件开发的在线文档地址