可視化佈局實現方案

背景：大屏展示網頁，管理端實現拖拽佈局配置

一、功能點

• 拖拽實現佈局配置
• 根據配置渲染出頁面

二、開源工具

• vue-grid-layout：基於vue的可視化拖拽佈局工具，可拖動改變容器大小
• muuri：功能和vue-grid-layout差不多，不支持拖動改變容器大小

三、本文采用vue-grid-layout實現，使用詳情參見Github

四、實現demo效果

五、改進功能點

• 通過拖拽添加模塊