animate.css 小程序-小程序css的calc

项目名称：马良

项目地址：

项目最新更新是支持psd导入

什么是代码

马良是一个在线生成h5页面并提供页面管理和页面编辑的平台，用于快速创建H5页面。 用户无需掌握复杂的编程技术，通过简单的拖拽和少量配置即可制作出精美的页面，可用于营销场景的页面制作。 同时也为开发者提供完整的编程接入能力，以脚本和组件的形式获得强大的组件行为和交互控制能力。

马良是为谁而生？

如前所述，马良不仅可以服务于运营商打造轻业务的营销页面，还可以作为开发者基于完备的编程接入能力进行业务快速迭代的工具。 马良的初衷是打造一个开源免费的平台。 我们希望有才华的人可以在平台上贡献自己的组件、脚本和设计模板页面。 支持公司内部建设和使用。

状态好

Maliang 于 2018 年 3 月上旬发布，截至 2019 年 10 月，已支持超过 2500 个活跃页面。 在此期间，我们也收到了很多反馈、建议和错误报告。 基于此，我们不断迭代，致力于提升运营效率，打磨用户体验。 路漫漫其修远兮，我们仍需努力。 目前编辑器相关代码已经开源。 预计12月开源相关后台代码，欢迎大家实时关注我们的消息。

简单访问组件

提供方便的创建组件的脚手架，可以将一个小功能、一个页面、一个项目做成一个组件animate.css 小程序，并将参数暴露给其他同学在编辑器中填写组件开发文档

图为组件开发包动画

脚本扩展功能

具有特定功能的组件可以通过结合各种功能（点击跳转、打点等任意逻辑）的脚本来扩展组件的功能。 完成特定的功能，并提供友好的参数给组件的使用者填写编辑器。目前每个脚本都是一个vue对象，对于熟悉vue的开发者来说非常友好。 更深入的了解，请前往马良如何设计一个高扩展性的在线网页制作平台

图为编辑器工作区界面

组件动画展示

操作activity提供了一些简单动画的支持，方便进入和退出动画animate.css 小程序，提高activity的交互性。 我们使用animate.css提供的一组css动画。下面提供一个简单的展示

合成成分展示

合成组件就是选中已经存在的节点，将它们保存为一个普通组件，方便下次直接使用

使用复合组件

导出复合组件

模板页面

页面模板的用途与组合组件的用途类似。 提供现成的内容，操作可以快速选择使用，达到快速在线活动的目的。 下面是一个简单的演示