jiangyc/ruoyi-plus-soybean
1
0
Fork 0
mirror of https://github.com/m-xlsea/ruoyi-plus-soybean.git synced 2025-09-24 07:49:47 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(projects): 修复主题配置

Browse Source
This commit is contained in:
Soybean
2021-08-27 12:00:09 +08:00
parent eda87f041d
commit ff24fda5ee
10 changed files with 78 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/store/modules/app/helpers.ts Normal file
View File

@ -0,0 +1,8 @@
import { brightenColor, darkenColor } from '@/utils';
export function getHoverAndPressedColor(color: string) {
return {
hover: brightenColor(color),
pressed: darkenColor(color)
};
}

30
src/store/modules/app/index.ts
View File

@ -3,7 +3,7 @@ import type { GlobalThemeOverrides } from 'naive-ui';
import { store } from '../../index';
import { themeSettings } from '@/settings';
import type { ThemeSettings } from '@/interface';
import { brightenColor } from '@/utils';
import { getHoverAndPressedColor } from './helpers';
interface AppState {
/** 主题配置 */
@ -21,16 +21,36 @@ const appStore = defineStore({
getters: {
/** naive UI主题配置 */
themeOverrids(): GlobalThemeOverrides {
const primaryColor = this.themeSettings.themeColor;
const primaryColorHover = brightenColor(primaryColor);
const primaryColorPressed = primaryColorHover;
const {
themeColor: primaryColor,
otherColor: { info: infoColor, success: successColor, warning: warningColor, error: errorColor }
} = this.themeSettings;
const { hover: primaryColorHover, pressed: primaryColorPressed } = getHoverAndPressedColor(primaryColor);
const { hover: infoColorHover, pressed: infoColorPressed } = getHoverAndPressedColor(infoColor);
const { hover: successColorHover, pressed: successColorPressed } = getHoverAndPressedColor(successColor);
const { hover: warningColorHover, pressed: warningColorPressed } = getHoverAndPressedColor(warningColor);
const { hover: errorColorHover, pressed: errorColorPressed } = getHoverAndPressedColor(errorColor);
const colorLoading = primaryColor;
return {
common: {
primaryColor,
primaryColorHover,
primaryColorPressed
primaryColorPressed,
infoColor,
infoColorHover,
infoColorPressed,
successColor,
successColorHover,
successColorPressed,
warningColor,
warningColorHover,
warningColorPressed,
errorColor,
errorColorHover,
errorColorPressed
},
LoadingBar: {
colorLoading