修改vue-element-admin左侧导航栏的背景颜色

vue-element-admin一个基于 vue2.0 和 Eelement 的控制面板 UI 框架,这是使用vue技术栈开发的前端程序员的首选管理系统模板,模板以及非常的成熟了,并且有相关的社区和维护人员,开发时候遇到问题也不要慌。

推荐指数:star:62.1k
Github 地址:https://github.com/PanJiaChen/vue-element-admin
Demo体验:https://panjiachen.github.io/vue-element-admin/#/dashboard

文档:https://panjiachen.github.io/vue-element-admin-site/zh/

修改vue-element-admin左侧导航栏的背景颜色

2:把项目导入vscode,点开终端,并且在项目里面安装依赖。

建议不要用 cnpm 安装 会有各种诡异的bug 可以通过如下操作解决 npm 下载速度慢的问题

修改vue-element-admin左侧导航栏的背景颜色 image

3:运行本地开发 启动项目

修改vue-element-admin左侧导航栏的背景颜色

可以在这个后台管理系统的模板的基础上,修改一些自己需要的代码,变成自己的开发的项目了,此处自行发挥,省略一万字。

修改vue-element-admin左侧导航栏的颜色

今天需要在我们的vue-element-admin原有的系统里面,修改一下导航栏的颜色。
原有系统的左侧的导航栏的颜色是这个样子的

修改vue-element-admin左侧导航栏的背景颜色 修改vue-element-admin左侧导航栏的背景颜色

3:

修改vue-element-admin左侧导航栏的背景颜色

ok,对左侧导航栏的背景进行了修改,改成了自己设计稿上的颜色啦。

修改vue-element-admin左侧导航栏的背景颜色

来源:祈澈菇凉

声明:本站部分文章及图片转载于互联网,内容版权归原作者所有,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!

上一篇 2020年10月22日
下一篇 2020年10月22日

相关推荐