|
|
|
@ -4,8 +4,8 @@ import { Layout } from 'ant-design-vue'; |
|
|
|
import SideBarTrigger from './SideBarTrigger'; |
|
|
|
import { menuStore } from '/@/store/modules/menu'; |
|
|
|
|
|
|
|
import darkMiniIMg from '/@/assets/images/sidebar/dark-mini.png'; |
|
|
|
import lightMiniImg from '/@/assets/images/sidebar/light-mini.png'; |
|
|
|
// import darkMiniIMg from '/@/assets/images/sidebar/dark-mini.png';
|
|
|
|
// import lightMiniImg from '/@/assets/images/sidebar/light-mini.png';
|
|
|
|
import darkImg from '/@/assets/images/sidebar/dark.png'; |
|
|
|
import lightImg from '/@/assets/images/sidebar/light.png'; |
|
|
|
import { appStore } from '/@/store/modules/app'; |
|
|
|
@ -27,15 +27,17 @@ export default defineComponent({ |
|
|
|
|
|
|
|
// 根据展开状态设置背景图片
|
|
|
|
const getStyle = computed((): any => { |
|
|
|
const collapse = unref(collapseRef); |
|
|
|
// const collapse = unref(collapseRef);
|
|
|
|
|
|
|
|
const theme = unref(getProjectConfigRef).menuSetting.theme; |
|
|
|
let bg = ''; |
|
|
|
if (theme === MenuThemeEnum.DARK) { |
|
|
|
bg = collapse ? darkMiniIMg : darkImg; |
|
|
|
// bg = collapse ? darkMiniIMg : darkImg;
|
|
|
|
bg = darkImg; |
|
|
|
} |
|
|
|
if (theme === MenuThemeEnum.LIGHT) { |
|
|
|
bg = collapse ? lightMiniImg : lightImg; |
|
|
|
bg = lightImg; |
|
|
|
// bg = collapse ? lightMiniImg : lightImg;
|
|
|
|
} |
|
|
|
return { |
|
|
|
'background-image': `url(${bg})`, |
|
|
|
|