|
|
@@ -8,147 +8,7 @@ import { defineStore } from 'pinia'
|
|
|
*/
|
|
|
export const useThemeConfig = defineStore('themeConfig', {
|
|
|
state: (): ThemeConfigState => ({
|
|
|
- themeConfig: {
|
|
|
- // 是否开启布局配置抽屉
|
|
|
- isDrawer: false,
|
|
|
- // 是否创建一个h5历史，否则创建一个 hash 历史记录
|
|
|
- isCreateWebHistory: true,
|
|
|
-
|
|
|
- /**
|
|
|
- * 全局主题
|
|
|
- */
|
|
|
- // 默认 primary 主题颜色 蓝色 #409eff 红色 #F34D37 紫色 #6954f0 绿色 #41b584
|
|
|
- primary: '#6954f0',
|
|
|
- // 是否开启深色模式
|
|
|
- isIsDark: false,
|
|
|
-
|
|
|
- /**
|
|
|
- * 顶栏设置
|
|
|
- */
|
|
|
- // 默认顶栏导航背景颜色
|
|
|
- topBar: '#323233',
|
|
|
- // 默认顶栏导航字体颜色
|
|
|
- topBarColor: '#eaeaea',
|
|
|
- // 是否开启顶栏背景颜色渐变
|
|
|
- isTopBarColorGradual: false,
|
|
|
-
|
|
|
- /**
|
|
|
- * 菜单设置
|
|
|
- */
|
|
|
- // 默认菜单导航背景颜色
|
|
|
- menuBar: '#252526',
|
|
|
- // 默认菜单导航字体颜色
|
|
|
- menuBarColor: '#eaeaea',
|
|
|
- // 默认菜单高亮背景色
|
|
|
- menuBarActiveColor: 'rgba(0, 0, 0, 0.2)',
|
|
|
- // 是否开启菜单背景颜色渐变
|
|
|
- isMenuBarColorGradual: false,
|
|
|
-
|
|
|
- /**
|
|
|
- * 分栏设置
|
|
|
- */
|
|
|
- // 默认分栏菜单背景颜色
|
|
|
- columnsMenuBar: '#333333',
|
|
|
- // 默认分栏菜单字体颜色
|
|
|
- columnsMenuBarColor: '#eaeaea',
|
|
|
- // 默认分栏菜单高亮字体颜色
|
|
|
- columnsMenuBarActiveColor: '#ffffff',
|
|
|
- // 是否开启分栏菜单背景颜色渐变
|
|
|
- isColumnsMenuBarColorGradual: false,
|
|
|
- // 是否开启分栏菜单鼠标悬停预加载(预览菜单)
|
|
|
- isColumnsMenuHoverPreload: false,
|
|
|
-
|
|
|
- /**
|
|
|
- * 界面设置
|
|
|
- */
|
|
|
- // 是否开启菜单水平折叠效果
|
|
|
- isCollapse: false,
|
|
|
- // 是否开启菜单手风琴效果
|
|
|
- isUniqueOpened: true,
|
|
|
- // 是否开启固定 Header
|
|
|
- isFixedHeader: true,
|
|
|
- // 初始化变量，用于更新菜单 el-scrollbar 的高度，请勿删除
|
|
|
- isFixedHeaderChange: false,
|
|
|
- // 是否开启经典布局分割菜单（仅经典布局生效）
|
|
|
- isClassicSplitMenu: true,
|
|
|
- // 是否开启自动锁屏
|
|
|
- isLockScreen: false,
|
|
|
- // 开启自动锁屏倒计时(s/秒)
|
|
|
- lockScreenTime: 30,
|
|
|
-
|
|
|
- /**
|
|
|
- * 界面显示
|
|
|
- */
|
|
|
- // 是否开启侧边栏 Logo
|
|
|
- isShowLogo: true,
|
|
|
- // 初始化变量，用于 el-scrollbar 的高度更新，请勿删除
|
|
|
- isShowLogoChange: false,
|
|
|
- // 是否开启 Breadcrumb，强制经典、横向布局不显示
|
|
|
- isBreadcrumb: true,
|
|
|
- // 是否开启 Tagsview
|
|
|
- isTagsview: true,
|
|
|
- // 是否开启 Breadcrumb 图标
|
|
|
- isBreadcrumbIcon: false,
|
|
|
- // 是否开启 Tagsview 图标
|
|
|
- isTagsviewIcon: false,
|
|
|
- // 是否开启 TagsView 缓存
|
|
|
- isCacheTagsView: true,
|
|
|
- // 是否开启 TagsView 拖拽
|
|
|
- isSortableTagsView: true,
|
|
|
- // 是否开启 TagsView 共用
|
|
|
- isShareTagsView: false,
|
|
|
- // 是否开启 Footer 底部版权信息
|
|
|
- isFooter: false,
|
|
|
- // 是否开启灰色模式
|
|
|
- isGrayscale: false,
|
|
|
- // 是否开启色弱模式
|
|
|
- isInvert: false,
|
|
|
- // 是否开启水印
|
|
|
- isWatermark: false,
|
|
|
- // 水印文案
|
|
|
- watermarkText: 'IMES-Cloud',
|
|
|
-
|
|
|
- /**
|
|
|
- * 其它设置
|
|
|
- */
|
|
|
- // Tagsview 风格：可选值"<tags-style-one|tags-style-four|tags-style-five>"，默认 tags-style-five
|
|
|
- // 定义的值与 `/src/layout/navBars/tagsView/tagsView.vue` 中的 class 同名
|
|
|
- tagsStyle: 'tags-style-five',
|
|
|
- // 主页面切换动画：可选值"<slide-right|slide-left|opacitys>"，默认 slide-right
|
|
|
- animation: 'opacitys',
|
|
|
- // 分栏高亮风格：可选值"<columns-round|columns-card>"，默认 columns-round
|
|
|
- columnsAsideStyle: 'columns-round',
|
|
|
- // 分栏布局风格：可选值"<columns-horizontal|columns-vertical>"，默认 columns-horizontal
|
|
|
- columnsAsideLayout: 'columns-vertical',
|
|
|
-
|
|
|
- /**
|
|
|
- * 布局切换
|
|
|
- * 注意：为了演示，切换布局时，颜色会被还原成默认，代码位置：/@/layout/navBars/topBar/setings.vue
|
|
|
- * 中的 `initSetLayoutChange(设置布局切换，重置主题样式)` 方法
|
|
|
- */
|
|
|
- // 布局切换：可选值"<默认 defaults | 经典 classic | 横向 transverse | 分栏 columns>"，默认 defaults
|
|
|
- layout: 'columns',
|
|
|
-
|
|
|
- /**
|
|
|
- * 后端控制路由
|
|
|
- */
|
|
|
- // 是否开启后端控制路由
|
|
|
- isRequestRoutes: true,
|
|
|
-
|
|
|
- /**
|
|
|
- * 全局网站标题 / 副标题
|
|
|
- */
|
|
|
- // 网站主标题（菜单导航、浏览器当前网页标题）
|
|
|
- globalTitle: 'IMES-Cloud',
|
|
|
- // 网站副标题（登录页顶部文字）
|
|
|
- globalViceTitle: 'IMES-Cloud',
|
|
|
- // 网站副标题（登录页顶部文字）
|
|
|
- globalViceTitleMsg: 'IMES-Cloud 数字化生产平台',
|
|
|
- // 默认初始语言，可选值"<zh-cn|en|zh-tw>"，默认 zh-cn
|
|
|
- globalI18n: 'zh-cn',
|
|
|
- // 默认全局组件大小，可选值"<large|'default'|small>"，默认 'large'
|
|
|
- globalComponentSize: 'default',
|
|
|
- },
|
|
|
+ themeConfig: {"isDrawer":false,"isCreateWebHistory":true,"primary":"#0A2BBC","isIsDark":false,"topBar":"#FFFFFF","topBarColor":"#606266","isTopBarColorGradual":false,"menuBar":"#FFFFFF","menuBarColor":"#606266","menuBarActiveColor":"#e6e9f8","isMenuBarColorGradual":false,"columnsMenuBar":"#FFFFFF","columnsMenuBarColor":"#606266","columnsMenuBarActiveColor":"#ffffff","isColumnsMenuBarColorGradual":false,"isColumnsMenuHoverPreload":false,"isCollapse":false,"isUniqueOpened":true,"isFixedHeader":true,"isFixedHeaderChange":false,"isClassicSplitMenu":true,"isLockScreen":false,"lockScreenTime":30,"isShowLogo":true,"isShowLogoChange":false,"isBreadcrumb":true,"isTagsview":true,"isBreadcrumbIcon":false,"isTagsviewIcon":false,"isCacheTagsView":true,"isSortableTagsView":true,"isShareTagsView":false,"isFooter":false,"isGrayscale":false,"isInvert":false,"isWatermark":false,"watermarkText":"IMES-Cloud","tagsStyle":"tags-style-five","animation":"opacitys","columnsAsideStyle":"columns-round","columnsAsideLayout":"columns-vertical","layout":"columns","isRequestRoutes":true,"globalTitle":"IMES-Cloud","globalViceTitle":"IMES-Cloud","globalViceTitleMsg":"IMES-Cloud 数字化生产平台","globalI18n":"zh-cn","globalComponentSize":"default"},
|
|
|
}),
|
|
|
actions: {
|
|
|
setThemeConfig(data: ThemeConfigState) {
|
