前段时间我们发布了 vue-admin-work
的初期版本,受到了很多的小伙伴的支持与鼓励,在这里再次感谢大家对 vue-admin-work
的关注。但是在此期间我们也发现了很多的不足之处,其中最大的一个不足就是:
基础框架本身和很多业务逻辑耦合在了一起,换句话说就是,一些基础的功能(大部分后台都有的功能)和一些业务逻辑页面都在一个项目中,如果我们想快速再搭建一个新的后台前端管理系统,就不得不再复制一份,再删除没有用的功能,这样是可以做到的,但是这样不能叫快速搭建。
针对这一痛点,我们想着能不能把一些基础的功能都放到在一个项目中,然后再别人的项目中引入,再简单配置一下就可以快速完成一个后台前端管理系统的搭建呢?答案是可以的。在这样的背景下,我们的开源作品vaw-layouts
项目就正式诞生了。
不过有一点需要注意的是:vaw-layouts
项目内部还是使用的 vue2.x
和element-ui
做为支撑。所以想要使用的这个项目的小伙伴,就得再提前引入使用这两个项目了。
整体的来看一下 vaw-layouts
项目的功能有哪些:
整体的布局
- 左右结构
- 上下结构
- 分栏结构
- 同时要支持手机,平板,电脑的响应式结构
多种主题
- 明亮主题
- 暗黑主题
- 蓝色菜单主题
- 黑色菜单主题
主题颜色
- 蓝
- 红
- 青
- 紫
侧边栏
- 普通样式
- 分栏样式
- 支持无限子级
顶部栏(导航栏和状态栏)
- 面包屑
- 动作按钮
- 用户状态
- 标签栏
主要内容区域(平时我们开发的页面主要显示区域)
大体的功能就这些,看着其实不多,但是里面内容还真是挺多。看一下几张演示图吧: