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。