|
@@ -1,5 +1,8 @@
|
|
|
<template>
|
|
<template>
|
|
|
<div class="layout-columns-aside">
|
|
<div class="layout-columns-aside">
|
|
|
|
|
+ <div class="layout-logo">
|
|
|
|
|
+ <img :src="logoMini" class="layout-logo-medium-img" />
|
|
|
|
|
+ </div>
|
|
|
<el-scrollbar>
|
|
<el-scrollbar>
|
|
|
<ul @mouseleave="onColumnsAsideMenuMouseleave()">
|
|
<ul @mouseleave="onColumnsAsideMenuMouseleave()">
|
|
|
<li
|
|
<li
|
|
@@ -52,6 +55,8 @@ import pinia from '/@/stores/index';
|
|
|
import { useRoutesList } from '/@/stores/routesList';
|
|
import { useRoutesList } from '/@/stores/routesList';
|
|
|
import { useThemeConfig } from '/@/stores/themeConfig';
|
|
import { useThemeConfig } from '/@/stores/themeConfig';
|
|
|
|
|
|
|
|
|
|
+import logoMini from '/@/assets/logo-mini.svg';
|
|
|
|
|
+
|
|
|
// 定义接口来定义对象的类型
|
|
// 定义接口来定义对象的类型
|
|
|
interface ColumnsAsideState {
|
|
interface ColumnsAsideState {
|
|
|
columnsAsideList: any[];
|
|
columnsAsideList: any[];
|
|
@@ -201,6 +206,7 @@ export default defineComponent({
|
|
|
proxy.mittBus.emit('setSendColumnsChildren', setSendChildren(to.path));
|
|
proxy.mittBus.emit('setSendColumnsChildren', setSendChildren(to.path));
|
|
|
});
|
|
});
|
|
|
return {
|
|
return {
|
|
|
|
|
+ logoMini,
|
|
|
themeConfig,
|
|
themeConfig,
|
|
|
columnsAsideOffsetTopRefs,
|
|
columnsAsideOffsetTopRefs,
|
|
|
columnsAsideActiveRef,
|
|
columnsAsideActiveRef,
|
|
@@ -289,4 +295,15 @@ export default defineComponent({
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
|
|
+.layout-logo {
|
|
|
|
|
+ width: 80px;
|
|
|
|
|
+ height: 50px;
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ align-items: center;
|
|
|
|
|
+ justify-content: center;
|
|
|
|
|
+ animation: logoAnimation 0.3s ease-in-out;
|
|
|
|
|
+ &-medium-img {
|
|
|
|
|
+ width: 35px;
|
|
|
|
|
+ }
|
|
|
|
|
+}
|
|
|
</style>
|
|
</style>
|