vue -若依管理后台默认样式修改(侧边栏/主题色/网页logo等)

1.页面默认主题色修改:

修改页面: src\assets\styles\element-variables.scss

$--color-primary: #F4BB28;
/* 改变 icon 字体路径变量,必需 */
$--font-path: '~element-ui/lib/theme-chalk/fonts';
@import "~element-ui/packages/theme-chalk/src/index";

修改后样式: 

2.TagsView修改:

修改页面:src\layout\components\TagsView\index.vue

找到  .tags-view-container => .tags-view-wrapper => .tags-view-item => &.active 

这里:

background: #F4BB28 !important;
border-color: #F4BB28 !important;

修改后样式:

 

3.其他样式修改:

【Vue项目搭建】修改【若依框架】的侧边栏、导航栏、面包屑样式、修改全局页面样式_若依框架样式修改_小白Rachel的博客-CSDN博客【Vue项目搭建】修改【若依框架】的侧边栏、导航栏、面包屑样式、修改全局页面样式https://blog.csdn.net/Sabrina_cc/article/details/125871591?spm=1001.2014.3001.5506

猜你喜欢

转载自blog.csdn.net/weixin_44805839/article/details/129707800