Gentelella
框架简介:Gentelella是一个后台前端解决方案,构建在 BootStrap之上的免费的框架,利用BootStrap4提供的 Sass 变量和大量 mixin、响应式栅格系统、可扩展的预制组件、基于 jQuery 的强大的插件系统用来帮助你创建你想要页面,Theme使用多个库来存储图表,日历,表单验证,向导样式界面,画布外导航菜单,文本表单,日期范围,上载区域,表单自动完成功能,范围滑块,进度条,通知等。内置登录页面,403,404,405等错误页面。感兴趣的小伙伴可以深入了解一下。
Github Star 数 19500+ ,Github 地址:https://github.com/PanJiaChen/vue-element-admin
下面是部分页面展示
1.首页展示
![361e39cbc770880c1383ec2951c20565.png](https://i-blog.csdnimg.cn/blog_migrate/5d37cfe96fb995d056571e30c470b780.jpeg)
首页一
![a56cadc06efc9146e77d08f159443dfd.png](https://i-blog.csdnimg.cn/blog_migrate/0b33bea4ad36ecdf299a9d03ed8dd5a8.jpeg)
首页二
![aaa9aaa43b8e4a1bdc5198e2d7691385.png](https://i-blog.csdnimg.cn/blog_migrate/db1fce9f2db4519ba20802846bb7fd3a.jpeg)
首页三
2.丰富的组件展示
![9937e6e6f00ca7ee77fea04203dc3620.png](https://i-blog.csdnimg.cn/blog_migrate/f795374f7752fe588d7a88d8d53edac9.jpeg)
常用的功能实现
![cfa15a255c2109f8d030c4b99cc99658.png](https://i-blog.csdnimg.cn/blog_migrate/d84ad0eb39f75a3d68533f8f4c02631c.jpeg)
邮件列表
![834484f047721f015a8221d57a4ec8ed.png](https://i-blog.csdnimg.cn/blog_migrate/9ac31d6b5e1320face0cccb4fb27d008.jpeg)
可自定义日程的日历控件
![b4f6fc602feb14d40100ef742dc83d49.png](https://i-blog.csdnimg.cn/blog_migrate/2df731ff6a04c7f163983c62f9183813.jpeg)
小部件设计
3.可视化图表展示
![7ab09ca2e9a6ce9b625c7320ca1677f2.png](https://i-blog.csdnimg.cn/blog_migrate/b4e31be7116945d687915a94b36afcbb.jpeg)
常用图表展示一
![7d28884f8bf60bfc5463e998fb57ff40.png](https://i-blog.csdnimg.cn/blog_migrate/9ca4ee0cf68c715e8462dfa531aa2551.jpeg)
常用图表二
4.强大的Form表单
![3d80258e10069845d434c4e1adc4d2be.png](https://i-blog.csdnimg.cn/blog_migrate/661d4cc3057624bf1863c77d61f8d519.jpeg)
综合的forn表单
![614e1dfd1fb0432bdf8386b00ef754a4.png](https://i-blog.csdnimg.cn/blog_migrate/594033ec9f07698bb96b8c6b3851cab2.jpeg)
步骤条
![96e7435275027a02bb2e52463ca63c2d.png](https://i-blog.csdnimg.cn/blog_migrate/ebc85cbbdfd90d1d1eb70d52abb1a31f.jpeg)
按钮样式
5.超多的内置的Icon图标
![7115648b87d3b0d3fd7cdd7772ebb054.png](https://i-blog.csdnimg.cn/blog_migrate/716c571c2bc6d5b07c8aff03087c164f.jpeg)
自带的icon图表
6.可自行设计的Table表格
![fca0ea45d38a0ad8b9dddb393f898c69.png](https://i-blog.csdnimg.cn/blog_migrate/0ef110e991c1c69a9ef72b5055c92f1f.jpeg)
7.个人中心
![948c33c9efc01b5af3825396748f76c0.png](https://i-blog.csdnimg.cn/blog_migrate/fbc108e8135daef7484f439ace962e73.jpeg)
演示地址:https://colorlib.com/polygon/gentelella/index.html
安装
通过软件包管理器安装可以在不同的Package Manager上安装!您想在自己喜欢的软件包管理器上使用它吗?
到目前为止,这是一些可用的安装:
Bower
bower install gentelella --save
npm
npm install gentelella --save
yarn
yarn add gentelella
喜欢的老铁,加个关注!