基于 vue + ant-design + vue-draggable 实现的可视化页面装修功能，基于业务需求和层出不穷的活动营销页面而诞生。
类似的还有：有赞、百度H5、京东等等, 后续会通过 page-design-ssr 服务来生成静态页面，这样就可以支持SSR需求拉
操作指引：
- 左侧组件区域拖拽至中间布局区域
- 中间区域的组件支持上下拖拽排序，删除组件
- 点击中间区域的组件，右侧会打开组件支持的配置项
- 右侧楼层管理支持组件的排序、复制、删除、定位等
- 查看演示 DEMO
- 特点
-
- 自由拖拽组件
-
- 支持[M]端布局
-
- 支持实时预览，所见即所得
-
- 支持业务组件的自定义配置项（JSON）
-
- 支持快速创建自定义的业务组件
- 安装
- 启动
- 代码目录
- 目前支持组件列表
- 更新日志
$ npm install
- 命令行执行：
npm run dev - 浏览器打开链接：localhost:3001
├── README.md
├── package.json
├── src
│ ├── html
│ ├── interface // 接口
│ │ ├── core.js
│ │ ├── index.js
│ │ ├── json-data
│ │ │ ├── design_get_page_info.json
│ │ │ ├── get_component_list.json
│ │ │ ├── get_component_template_list.json
│ │ │ ├── get_goods_list.json
│ │ │ ├── material_folder.json
│ │ │ └── material_folder_details.json
│ │ └── material.js
│ ├── layout
│ ├── main.js
│ ├── resource // 图片
│ ├── router // 路由
│ ├── store
│ ├── system-components // 系统公共组件
│ │ ├── dialog
│ │ ├── dialog-goods-manager
│ │ ├── form-unit
│ │ ├── images-manager
│ │ ├── images-sort
│ │ └── ui-component-load
│ ├── ui-component // 业务组件
│ │ ├── U000001
│ │ ├── U000002
│ │ ├── U000003
│ │ ├── common-config.js
│ │ └── component-unit // 业务组件里面公共的元素
│ └── views // 系统页面
│ ├── home // 列表页
│ └── design // 装修页
├── webpack.common.js
├── webpack.dev.js
└── webpack.prod.js
