若依后台管理系统(ruo-web)修改主题色,更改颜色值 (2024-04-22)

1、修改文件  setting.js

2、修改的文件路径  ruoyi-web/src/store/modules/setting.js

3、默认主题颜色 '#409EFF',改新的颜色值,刷新就好了

4、修改主题颜色 还可以用户自己更换,但这个更换只是存储在浏览器中,清除缓存之后还是会使用默认的主题色

const state = {
  title: '',
  theme: storageSetting.theme || '#409EFF',
  sideTheme: storageSetting.sideTheme || sideTheme,
  showSettings: showSettings,
  topNav: storageSetting.topNav === undefined ? topNav : storageSetting.topNav,
  tagsView: storageSetting.tagsView === undefined ? tagsView : storageSetting.tagsView,
  fixedHeader: storageSetting.fixedHeader === undefined ? fixedHeader : storageSetting.fixedHeader,
  sidebarLogo: storageSetting.sidebarLogo === undefined ? sidebarLogo : storageSetting.sidebarLogo,
  dynamicTitle: storageSetting.dynamicTitle === undefined ? dynamicTitle : storageSetting.dynamicTitle
}

5、在布局设置中可以更换主题色

 

相关推荐

最近更新

  1. TCP协议是安全的吗?

    2024-04-28 13:08:01       19 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-04-28 13:08:01       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-04-28 13:08:01       19 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-04-28 13:08:01       20 阅读

热门阅读

  1. Uniapp 点击图片放大

    2024-04-28 13:08:01       16 阅读
  2. uni-app如何监测获取页面视图出现

    2024-04-28 13:08:01       13 阅读
  3. GNU/Linux - tty设备介绍

    2024-04-28 13:08:01       14 阅读
  4. js面试---闭包、作用域及作用域链、执行上下文

    2024-04-28 13:08:01       15 阅读
  5. Python构建学生信息管理系统:需求分析与规划

    2024-04-28 13:08:01       14 阅读
  6. 沪深websocket level2/level1行情推送接入示例

    2024-04-28 13:08:01       9 阅读
  7. Web安全--万能密码大全+图片马合成方法

    2024-04-28 13:08:01       14 阅读
  8. 人工智能技术概述_3.机器学习

    2024-04-28 13:08:01       16 阅读
  9. 2024.4

    2024-04-28 13:08:01       10 阅读
  10. 启动vue项目一直报node-sass错误解决办法

    2024-04-28 13:08:01       11 阅读