【匠心打造】从0打造uniapp 可视化拖拽设计 c_o 第二篇

一、设计理念

1.左侧采用 包资源管理器(eclipse 树形风格)的方式的tab进行切换。第一个tab是树形的文件目录，第二个tab是可拖拽的实用性组件

2.所有控件/组件都必须放在布局容器里面，可随意嵌套布局更改列宽和相关属性，可拖拽任意调整位置和布局

3.有实时预览的界面

4.可打包编译为h5，在线扫码预览

最终界面如下将会如下

1、vuedragger 相关学习资料

https://www.itxst.com/vue-draggable/re7vfyfe.htmlhttps://www.itxst.com/vue-draggable/re7vfyfe.html

vuedraggablehttps://sortablejs.github.io/Vue.Draggable/#/nested-example

下一篇：【匠心打造】从0打造uniapp 可视化拖拽设计 c_o 第三篇_我只是一个coder的博客-CSDN博客