通过前几篇有关若依框架的文章访问量，可以知道大家都非常关注若依框架，并有兴趣去琢磨这个框架，下面我将分享一下自己搭建项目的一些心得体会。
在一些商用的项目，自己去重新造轮子，其实任务是繁重的，时间也相当有限。为了能快速把项目推出去，寻找一份开源的框架去搭建自己的业务系统，是再合适不过了。后续通过改进，优化，演变成一个美观，流畅，易用的系统。到此，直接上效果图
登录界面：
主界面：
这样是不是感觉很清新呢？哈哈，下面就为大家梳理一下，改成这样的步骤。
其实，若依框架很赞，代码结构清晰，层次分明。需要改动的地方不多，相信聪明的你按着步骤一步一步操作，一定可以看到意想不到的的效果，come on , follow me!
修改登录界面：
第一、找到logo.vue页面 XX\RuoYi-Vue\ruoyi-ui\src\views\login.vue
首先是修改登录框上面的标题，改成xxx智慧管理平台
第二，再一个是修改背景
还是在这个文件修改 XX\RuoYi-Vue\ruoyi-ui\src\views\login.vue
这里可以是图片，也可以说svg文件。具体转换可以百度在线转换一下。
最后，修改完，最底下的版本信息有可能被色彩掩盖的，需要调整，具体修改地方还是这个文件
哈哈，是不是很简单呢。这就是登录页面的修改。
下面，我们继续来修改一下主界面
第一、找到文件 xx\RuoYi-Vue\ruoyi-ui\src\layout\index.vue
注意，这里用到Navbar,SideBar,还有variables.scss文件，下面注意就这几个文件进行修改
第二、找到variables.scss文件，进行修改，具体注释已经在文件里写上，哈哈，可以随便调整，刷新看效果喔。调到满意为止！！！
具体代码：
// base color
$blue:#324157;
$light-blue:#3A71A8;
$red:#C03639;
$pink: #E65D6E;
$green: #30B08F;
$tiffany: #4AB7BD;
$yellow:#FEC171;
$panGreen: #30B08F;
// 默认菜单主题风格
$base-menu-color:rgba(0,0,0,.65);//#bfcbd9;//默认菜单字体颜色
$base-menu-color-active:#1890ff;//#f4f4f5;//选中菜单字体颜色
$base-menu-background:#ffffff;//#304156;//默认菜单背景颜色
$base-logo-title-color: #ffffff;
$base-logo-title-background: #1890ff;//增加logo背景颜色
$base-menu-light-color:rgba(0,0,0,.70);
$base-menu-light-background:#ffffff;
$base-logo-light-title-color: rgba(0,0,0,.65);//#001529;
$base-sub-menu-background:#ffffff;//#1f2d3d;//子菜单默认背景颜色
$base-sub-menu-hover:#e6f7ff;//#001528; //子菜单鼠标悬浮状态背景颜色
$base-sidebar-width: 200px;
:export {
menuColor: $base-menu-color;
menuLightColor: $base-menu-light-color;
menuColorActive: $base-menu-color-active;
menuBackground: $base-menu-background;
menuLightBackground: $base-menu-light-background;
subMenuBackground: $base-sub-menu-background;
subMenuHover: $base-sub-menu-hover;
sideBarWidth: $base-sidebar-width;
logoTitleColor: $base-logo-title-color;
logoLightTitleColor: $base-logo-light-title-color;
logoTitleBackground: $base-logo-title-background;
}第三、可以看出，以上文件增加了logoTitleBackground 变量，在页面Logo.vue 上使用
第四、需要修改左边菜单顶部的文本
则修改Logo.vue 文件的title 文本即可。
第五、需要修改显示区域顶部的背景颜色，及文本内容，如下：
修改背景颜色，找到Navbar.vue文件，修改成自己喜欢的颜色，即可：
background: #1890ff;//#fff;//修改背景颜色，保存和左边菜单栏颜色一致另外，文本内容修改Navbar.vue
<!-- <breadcrumb id="breadcrumb-container" class="breadcrumb-container" v-if="!topNav"/> -->
<span style="height:50px;line-height:50px;color:#fff;">欢迎进入 XXXX慧管理平台</span>
