h5editor

简介

h5editor是一款可视化手机h5编辑器（微场景，主要上下全屏翻页，叫h5编辑器不是很准确，不过周围人都以为这样子的效果是h5的话，那它就是h5吧），它基于vue2、element-ui实现，主要功能模仿易企秀。

在线预览地址：h5editor

注：仅为练习DEMO，请勿用于真实环境

效果截图

主要功能

已实现功能

• 添加文字、图片组件
• 拖动、拉伸、旋转组件
• 修改样式
• 添加动画
• 增、删、改页面
• 添加音乐
• 保存到localStorage
• 预览效果
• 右键菜单
• 组件的删除

项目使用方法

1.克隆或者下载本项目：

$ git clone https://github.com/Alvin-Liu/h5editor.git

2.安装模块依赖：

npm install

3.启动服务：

npm run dev

4.打包代码：

npm run build

其他

这只是一个临时兴起的项目，开始于刚接触vue没多久的某年某月某一天，如果有任何想法，都欢迎加微信沟通，加微信时请备注：h5editor。