基于 vue + ant-design + vue-draggable 实现的可视化页面装修功能，基于业务需求和层出不穷的活动营销页面而诞生。
- 查看演示 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
- 广告图组件: 调整图片加载的方法，优化UI，暂时去除其他配置项
- 标题栏组件: 增加 margin, padding, text-align 的配置项
- 商品列表组件：调整商品数据的增加方式
- 装修页：获取页面数据改为json获取
- 增加2个演示页面数据