前端界面布局,常见的如左右布局,上下布局,组合布局,如同下面的方式。
代码实现逻辑也不复杂,其实就是定宽度,不管是px还是百分比。
复杂点,就涉及到
左右拖动调整,上下拖动调整。
浏览器界面变化,内容宽高自适应
上下布局与左右布局的嵌套展示
实现上面的功能,逻辑上也是清晰,就是每次写代码,都要重复造轮子!
于是我封装了这些功能,vue2,vue3都可以使用!
具体效果如下
这样后面做界面布局,就可以节约精力,专注于业务逻辑的代码了!
具体源码,可以看gitee连接
https://gitee.com/ysy-do-it_admin/DivSplitterV3
https://gitee.com/ysy-do-it_admin/div-splitter-v2