基于vue的插槽式动态布局组件slot-layout
因为经常需要做一些动态布局,做了个vue动态布局组件slot-layout
,分享下。
- 组件地址:
https://github.com/hzsrc/slot... - 安装方式:
npm i slot-layout
特性
- 通过js布局对象,完全控制页面布局。
- 特别适合用于低代码平台系统,只需在运行时按照需要动态传入一个布局配置对象,即可随意调整页面布局。无需预先编写布局代码。
- 支持多层布局嵌套,可实现任意数目、任意层次的布局。
- 支持任意长度单位,如px、vw、%、rem。
- 支持填充式布局。即区块填充满父容器。
- 组件自带布局配置功能,可轻松实现布局设计。
文章图片
查看效果:https://codepen.io/hzsrc/pen/...
文章图片
left
2、复杂的例子:
查看效果
文章图片
aside
header
right
bottom{{isDesign ? '运行布局' : '设计布局'}}
推荐阅读
- 热闹中的孤独
- JAVA(抽象类与接口的区别&重载与重写&内存泄漏)
- 放屁有这三个特征的,请注意啦!这说明你的身体毒素太多
- 一个人的旅行,三亚
- 布丽吉特,人生绝对的赢家
- 慢慢的美丽
- 尽力
- 一个小故事,我的思考。
- 家乡的那条小河
- 《真与假的困惑》???|《真与假的困惑》??? ——致良知是一种伟大的力量