主题样式更新

This commit is contained in:
WUSIJIAN
2025-11-22 10:32:43 +08:00
parent 90d6da1d45
commit 774e6c97a6
10 changed files with 67 additions and 52 deletions

View File

@@ -18,33 +18,32 @@ export const useThemeConfig = defineStore('themeConfig', {
/**
* 全局主题
*/
// 默认 primary 主题颜色
primary: '#409eff',
// 主色调:莫兰迪蓝
primary: '#6D8BA6',
// 是否开启深色模式
isIsDark: false,
/**
* 菜单 / 顶栏
* 注意v1.0.17 版本去除设置布局切换重置主题样式initSetLayoutChange
* 切换布局需手动设置样式,设置的样式自动同步各布局,
* 代码位置:/@/layout/navBars/breadcrumb/setings.vue
* 菜单 / 顶栏 - 多彩渐变方案
*/
// 默认顶栏导航背景颜
topBar: '#ffffff',
// 默认顶栏导航字体颜色
topBarColor: '#606266',
// 顶栏:浅杏
topBar: '#F5E8DA',
// 顶栏文字:深灰褐
topBarColor: '#5D4E3F',
// 是否开启顶栏背景颜色渐变
isTopBarColorGradual: false,
// 默认菜单导航背景颜色
menuBar: '#354E67',
// 默认菜单导航字体颜色
menuBarColor: '#eaeaea',
// 侧边栏:灰绿色
menuBar: '#A8B8A5',
// 菜单文字:深墨绿
menuBarColor: '#2C3E2C',
// 是否开启菜单背景颜色渐变
isMenuBarColorGradual: false,
// 默认分栏菜单背景颜色
columnsMenuBar: '#545c64',
// 默认分栏菜单字体颜色
columnsMenuBarColor: '#e6e6e6',
// 分栏菜单:淡紫灰
columnsMenuBar: '#D4CDDC',
// 分栏文字:深紫灰
columnsMenuBarColor: '#4A4453',
// 是否开启分栏菜单背景颜色渐变
isColumnsMenuBarColorGradual: false,
@@ -117,7 +116,7 @@ export const useThemeConfig = defineStore('themeConfig', {
* 中的 `initSetLayoutChange(设置布局切换,重置主题样式)` 方法
*/
// 布局切换:可选值"<defaults|classic|transverse|columns>",默认 defaults
layout: 'defaults',
layout: 'transverse',
/**
* 后端控制路由
@@ -131,11 +130,11 @@ export const useThemeConfig = defineStore('themeConfig', {
// 网站主标题(菜单导航、浏览器当前网页标题)
globalTitle: '红动未来业务中台',
// 网站副标题(登录页顶部文字)
globalViceTitle: '红动未来业务中台',
globalViceTitle: '让内容创作更简单',
// 默认初始语言,可选值"<zh-cn|en|zh-tw>",默认 zh-cn
globalI18n: 'zh-cn',
// 默认全局组件大小,可选值"<large|'default'|small>",默认 'large'
globalComponentSize: 'large',
globalComponentSize: 'default',
},
}),
actions: {