Skip to content

采用vue2.0+element+ant-design-vue可拖拽的可视化编辑器

Notifications You must be signed in to change notification settings

CreateEngine/vue-visual-editor

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

42 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

vue-visual-editor

采用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"

iconfont字体库

如何使用iconfont来引用fontClass图标

文件说明

.
|—— 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字体库

About

采用vue2.0+element+ant-design-vue可拖拽的可视化编辑器

Topics

Resources

Stars

Watchers

Forks

Packages

No packages published