|
|
@@ -52,9 +52,9 @@
|
|
|
<!-- 路由出口 -->
|
|
|
<router-layout />
|
|
|
<!-- logo 图标 -->
|
|
|
- <template v-slot:logo>
|
|
|
- <img src="@/assets/logo.png" alt="logo" />
|
|
|
- </template>
|
|
|
+ <!-- <template v-slot:logo>-->
|
|
|
+ <!-- <img src="@/assets/logo.png" alt="logo" />-->
|
|
|
+ <!-- </template>-->
|
|
|
<!-- 顶栏右侧区域 -->
|
|
|
<template v-slot:right>
|
|
|
<header-tools :fullscreen="fullscreen" @fullscreen="onFullscreen" />
|
|
|
@@ -121,7 +121,7 @@
|
|
|
HeaderTools,
|
|
|
PageFooter
|
|
|
},
|
|
|
- data () {
|
|
|
+ data() {
|
|
|
return {
|
|
|
PROJECT_NAME,
|
|
|
HIDE_SIDEBARS,
|
|
|
@@ -136,15 +136,15 @@
|
|
|
};
|
|
|
},
|
|
|
computed: {
|
|
|
- isQianKun () {
|
|
|
+ isQianKun() {
|
|
|
return window.__POWERED_BY_QIANKUN__;
|
|
|
},
|
|
|
// 当前语言
|
|
|
- locale () {
|
|
|
+ locale() {
|
|
|
return this.$i18n.locale;
|
|
|
},
|
|
|
// 菜单数据
|
|
|
- menus () {
|
|
|
+ menus() {
|
|
|
return this.$store.state.user.menus;
|
|
|
},
|
|
|
// 主题状态
|
|
|
@@ -152,29 +152,29 @@
|
|
|
},
|
|
|
methods: {
|
|
|
/* 侧栏折叠切换 */
|
|
|
- updateCollapse (value) {
|
|
|
+ updateCollapse(value) {
|
|
|
// console.log('value:', this.$store.state.user.menus);
|
|
|
this.$store.dispatch('theme/setCollapse', value);
|
|
|
},
|
|
|
/* 双侧栏一级折叠切换 */
|
|
|
- updateSideNavCollapse (value) {
|
|
|
+ updateSideNavCollapse(value) {
|
|
|
this.$store.dispatch('theme/setSideNavCollapse', value);
|
|
|
},
|
|
|
/* 内容区域全屏切换 */
|
|
|
- updateBodyFullscreen (value) {
|
|
|
+ updateBodyFullscreen(value) {
|
|
|
this.$store.dispatch('theme/setBodyFullscreen', value);
|
|
|
},
|
|
|
/* logo 点击事件 */
|
|
|
- onLogoClick (isHome) {
|
|
|
+ onLogoClick(isHome) {
|
|
|
isHome || this.$router.push(LAYOUT_PATH);
|
|
|
},
|
|
|
/* 监听屏幕尺寸改变 */
|
|
|
- screenSizeChange () {
|
|
|
+ screenSizeChange() {
|
|
|
this.$store.dispatch('theme/updateScreenSize');
|
|
|
this.fullscreen = isFullscreen();
|
|
|
},
|
|
|
/* 全屏切换 */
|
|
|
- onFullscreen () {
|
|
|
+ onFullscreen() {
|
|
|
try {
|
|
|
this.fullscreen = toggleFullscreen();
|
|
|
} catch (e) {
|
|
|
@@ -182,7 +182,7 @@
|
|
|
}
|
|
|
},
|
|
|
/* 页签右键菜单点击事件 */
|
|
|
- onTabContextMenu ({ key, tabKey, item, active }) {
|
|
|
+ onTabContextMenu({ key, tabKey, item, active }) {
|
|
|
switch (key) {
|
|
|
case 'reload': // 刷新
|
|
|
reloadPageTab({
|
|
|
@@ -217,7 +217,7 @@
|
|
|
}
|
|
|
},
|
|
|
/* 菜单标题国际化 */
|
|
|
- i18n (_path, key) {
|
|
|
+ i18n(_path, key) {
|
|
|
if (!I18N_ENABLE || !key) {
|
|
|
return;
|
|
|
}
|
|
|
@@ -245,12 +245,14 @@
|
|
|
.ele-admin-layout {
|
|
|
.ele-admin-logo {
|
|
|
font-size: 18px !important;
|
|
|
+
|
|
|
img {
|
|
|
width: 50px !important;
|
|
|
height: auto !important;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
// 侧栏菜单徽章样式,定位在右侧垂直居中并调小尺寸
|
|
|
.ele-menu-badge {
|
|
|
position: absolute;
|
|
|
@@ -341,10 +343,10 @@
|
|
|
}
|
|
|
}
|
|
|
|
|
|
- .ele-admin-layout .ele-admin-logo img {
|
|
|
- height: auto !important;
|
|
|
- width: 80px !important;
|
|
|
- margin-right: 5px;
|
|
|
- max-height: 35px
|
|
|
+ .ele-admin-layout .ele-admin-logo {
|
|
|
+ background-image: url('@/assets/logo.png') !important;
|
|
|
+ background-size: cover !important;
|
|
|
+ background-repeat: no-repeat !important;
|
|
|
+ background-position: center center !important;
|
|
|
}
|
|
|
</style>
|