windows8风格网站模板,wordpress删除自定义分类,前海网站建设,海外服务器租用平台创作来源
1、在vue项目中需要有停靠、浮动、面板布局等需求#xff0c;如arcgis的界面布局 2、在npm中搜索了关于vue的docklayout组件#xff0c;搜索后就一个组件imengyu/vue-dock-layout#xff0c;截图如下#xff0c;该组件没有停靠组件#xff0c;没有浮动组件…创作来源
1、在vue项目中需要有停靠、浮动、面板布局等需求如arcgis的界面布局 2、在npm中搜索了关于vue的docklayout组件搜索后就一个组件imengyu/vue-dock-layout截图如下该组件没有停靠组件没有浮动组件不满足个人在项目中的需要 3、在查找过程中发现ngx-flexlayout包但是框架是Angular 并不是vue的也不满足需要 创作思路
1、敲定Panel对象以及属性对象包括
a、分割面板DockSplitPanel顶层面板
b、停靠面板DockPinPanel,左右停靠面板中间面板
c、分组面板DockGroupPanel两个面板合成一个显示中间面板
d、内容面板DockContentPanel底层面板
e、浮动面板DockFloatPanel顶层面板
2、通讯机制采用provide/inject机制通信
3、结构定义采用树状结构定义
4、面板输送采用slot输送
实现效果
效果图
效果视频 dockpanel 创作不易需源码请联系作者
