采用vue2.0+element+ant-design-vue可拖拽的可视化编辑器
"ant-design-vue": "^1.7.5",
"core-js": "^3.6.5",
"element-ui": "^2.15.1",
"html2canvas": "^1.0.0-rc.7",
"node-sass": "^4.14.1",
"sass-loader": "^7.1.0",
"vue": "^2.6.11",
"vuedraggable": "^2.24.3"
.
|—— index.vue // 主入口文件
|—— readMe.md // 说明文件
|—— components // 组件封装文件夹
| |── CanvasPanel // 画布面板
| | |── index.vue // 画布面板入口文件
| | |── PreviewPage.vue // 预览组件
| | |── RenderList.vue // 渲染组件列表
| | |── RenderItem // 渲染单个组件
| | | |── index // 可渲染单个组件入口文件
| | | |── lists // 可渲染组件列表文件夹
| | | |── index.vue // 可渲染组件列表入口文件
| | | | └── ant // ant-design组件列表
| |── ComponentPanel // 组件面板
| | |── index.vue // 组件面板入口文件
| | └── CategoryWidget.vue // 组件列表
| |── ConfigPanel // 配置面板
| | └── index.vue // 配置面板入口文件
| |── Layout // 布局组件
| | |── EditorHeader.vue // 头部组件
| | |── EditorContent.vue // 内容组件
| | └── Tool.vue // 工具组件
| └── Setting // 设置组件
| | └── index.vue // 设置组件入口文件
| └── utils // 实用工具方法
| | └── index.js // 实用工具方法入口文件
|—— config // 配置文件夹
| | └── component.js // 组件配置文件
| | └── editorConfig.js // 编辑器配置文件
| | └── global.js // 全局配置入口文件
|—— iconfont // iconfont字体库