YonBuilder移动开发平台AVM框架数字滚动组件

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如果你在AVM组件库中没有找到你在实际项目中需要的组件，你可以尝试自己封装组件。这是基于组件开发的在线文档地址