vue项目运行后页面一片空白_Github上star有2.4K的Vue项目,快速输出H5页面,psd直接导入...

项目名称:码良

项目地址:https://gitee.com/ymm-tech/gods-pen

项目最新的更新内容是支持psd导入

ba7a829cd878cd7fc3c6e857e160ce6c.png

码良是什么

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

码良为谁而作

如上所述,码良不仅可服务于运营人员用来制作轻业务的营销页面,基于完备的编程接入能力,甚至可以作为开发者进行快速业务迭代的工具。 码良的初心是创建一个开源免费的平台,希望有才的人在平台上贡献自己的组件,脚本,设计模板页面,如果需要后续可以提供组件或脚本开发者设置免费或则收费使用 当然完全也支持公司内部搭建使用。

码良现状

码良发布于2018年3月初,截止2019年10月目前已经支撑运满满 2500多个活动页面。期间也得到了很多反馈、建议,以及bug报告,基于此,我们持续迭代,致力于提升操作效率,打磨用户体验。道阻且长,仍需努力。 目前开源了编辑器相关的代码。预计在12月份开源后台相关代码,欢迎大家实时关注我们的消息。

组件接入简单

提供方便的脚手架创建组件,你可以把一个小功能,一个页面,一个项目做成一个组件,暴露参数给其他同学在编辑器里面填写 组件开发文档

图为组件开发套件使用动图

43ec27ea8fe27361516e2fc66b88dac0.gif

脚本扩展组件功能

每个特定功能的组件可以通过组合各种功能(点击跳转,打点等等任何逻辑)脚本来达到对组件功能的扩展。完成特定的功能,并友好的提供参数给到组件的使用者在编辑器上填写。目前每个脚本都是一个 vue对象,这对熟悉vue的开发者非常友好 深入了解请前往 码良是如何设计高扩展的在线网页制作平台的

6511501a8af582d66b236ae031a87b6f.png

图为编辑器工作区界面

858f43625dbdf2b06dcd8c585269a9d6.png

组件动画展示

运营活动对一些简单的动画提供支持,方便做一些入场和出场的动画,提升活动的交互感,我们使用了 animate.css 提供的一套css动画。下面提供简单的展示

208277ae888e39f1ee84035d108f782e.gif

合成组件展示

合成组件就是选择已有的节点保存为一个通用的组件,方便下次直接使用

使用组合组件

ca2ed9b935233bfd99628e520cbad70a.gif

导出组合组件

796b32ebf6ecc27a6e9920190034bf8b.gif

模板页面

页面模板的目的和组合组件类似,都是提供已经做好的内容,运营快速选择使用达到快速上线活动的目的,下面是简单演示

17427aead650d8bd34753fc8a77f966b.gif
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值