H5页面生成工具源码

源码介绍

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

H5特征:

1、编辑器

参考线

吸附线、组件对齐

拽改变组件形状

元素: 复制(画布)

元素: 删除(画布)

元素: 编辑(画布)

页面:新增

页面:复制

页面:删除

快速预览

撤销、重做

2、组件系统

文字

普通按钮

表单按钮

表单输入框

普通图片

背景图

背景音乐

视频(Iframe形式)

3、增强功能

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

图片库

第三方无版权图片搜索

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

4、后端API

创建、保存、更新作品

表单数据收集

表单数据展示

在线预览

二维码预览

相关推荐
ssshooter1 分钟前
看完就懂 useSyncExternalStore
前端·javascript·react.js
格砸39 分钟前
从入门到辞职|从ChatGPT到OpenClaw,跟上智能时代的进化
前端·人工智能·后端
Live000001 小时前
在鸿蒙中使用 Repeat 渲染嵌套列表,修改内层列表的一个元素,页面不会更新
前端·javascript·react native
柳杉1 小时前
使用Ai从零开发智慧水利态势感知大屏(开源)
前端·javascript·数据可视化
兆子龙2 小时前
从高阶函数到 Hooks:React 如何减轻开发者的心智负担(含 Demo + ahooks 推荐)
前端
狗胜2 小时前
测试文章 - API抓取
前端
三小河2 小时前
VS Code 集成 claude-code 教程:告别海外限制,无缝对接国内大模型
前端·程序员
jerrywus2 小时前
前端老哥的救命稻草:用 Obsidian 搞定 Claude Code 的「金鱼记忆」
前端·agent·claude
球球pick小樱花2 小时前
游戏官网前端工具库:海内外案例解析
前端·javascript·css