H5页面生成工具源码

源码介绍

H5是基于Vue2.0开发的,通过拖拽的形式,生成页面的工具,类似易企秀、百度H5等工具。

H5特征:

1、编辑器

参考线

吸附线、组件对齐

拽改变组件形状

元素: 复制(画布)

元素: 删除(画布)

元素: 编辑(画布)

页面:新增

页面:复制

页面:删除

快速预览

撤销、重做

2、组件系统

文字

普通按钮

表单按钮

表单输入框

普通图片

背景图

背景音乐

视频(Iframe形式)

3、增强功能

上传PSD,一键转换为H5(已经调研,可以实现)

图片库

第三方无版权图片搜索

自定义脚本(已经调研,可以实现)

4、后端API

创建、保存、更新作品

表单数据收集

表单数据展示

在线预览

二维码预览

相关推荐
戴维南1 天前
LangChain 在 Agent 开发中的定位:10 个模块(含代码对比,耳机售后案例)
前端
ouzz1 天前
使用纯canvas绘制一个掘金首页
前端·canvas
用户6957584491281 天前
Vue 3 响应式系统:解构赋值与依赖收集的正确姿势
前端
乐乐同学yorsal1 天前
一个 TypeScript 写的图片视频处理工具箱,吊打一切付费软件!
前端·命令行
lzhdim1 天前
SQL 入门 10:SQL 内置函数:数值、字符串与时间处理
前端·数据库·sql
jstopo网站1 天前
水厂水泵工作流程图canvas动画
前端·javascript
张元清1 天前
5 分钟用 Vite SSR 搭建一个全栈 React 应用
前端·javascript·面试
空中海1 天前
6.1 主题与暗色模式
运维·服务器·前端·flutter
踩着两条虫1 天前
效率翻倍!AI智能体深度解析:自然语言 → DSL → Vue组件
前端·人工智能·低代码
吴声子夜歌1 天前
Vue3——条件判断指令
前端·es6