阅读 64

基于react 可视化搭建h5页面

项目地址

github.com/leonwgc/mak…

特征

  1. 支持拖拽编辑
  2. 支持组件排序
  3. 自定义属性设置面板
  4. 根据js配置自动生成属性面板
  5. 模拟手机预览
  6. 多图设置面板支持拖拽排序

技术栈

  1. 打包基于vite2 (vited)
  2. 前端依赖 react全家桶 ,react/redux/hooks
  3. 拖拽/排序依赖 www.sortablejs.com/
  4. pc端组件基于antd4 ant.design/index-cn
  5. 移动端预览基于zarm zarm.gitee.io/#/

运行

  • yarn 安装依赖
  • yarn start 即可跑起来,编辑数据存储在localstorage 无需依赖接口等

运行效果截屏

full.png

文章分类
前端
文章标签