Procházet zdrojové kódy

分类顶部增加logo

zuohuaijun před 3 roky
rodič
revize
86cc9bd381

+ 1 - 1
vue-next-admin/index.html

@@ -13,7 +13,7 @@
 			content="vue-next-admin,基于 vue3 + CompositionAPI + typescript + vite + element plus,适配手机、平板、pc 的后台开源免费管理系统模板!vue-prev-admin,基于 vue2 +  element ui,适配手机、平板、pc 的后台开源免费管理系统模板!"
 			content="vue-next-admin,基于 vue3 + CompositionAPI + typescript + vite + element plus,适配手机、平板、pc 的后台开源免费管理系统模板!vue-prev-admin,基于 vue2 +  element ui,适配手机、平板、pc 的后台开源免费管理系统模板!"
 		/>
 		/>
 		<link rel="icon" href="/favicon.ico" />
 		<link rel="icon" href="/favicon.ico" />
-		<title>vue-next-admin</title>
+		<title>Admin.NET</title>
 	</head>
 	</head>
 	<body>
 	<body>
 		<div id="app"></div>
 		<div id="app"></div>

binární
vue-next-admin/public/favicon.ico


binární
vue-next-admin/src/assets/logo-mini.svg


+ 17 - 0
vue-next-admin/src/layout/component/columnsAside.vue

@@ -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>

+ 2 - 4
vue-next-admin/src/theme/element.scss

@@ -68,14 +68,12 @@
 // 鼠标 hover 时颜色
 // 鼠标 hover 时颜色
 .el-menu-hover-bg-color {
 .el-menu-hover-bg-color {
 	background-color: var(--el-color-primary-light-8) !important;
 	background-color: var(--el-color-primary-light-8) !important;
-	// border-bottom: solid 1px var(--el-color-primary);
-	// margin: 0 2px 0 2px;
-	// border-radius: 10px;
+	// border-right: solid 2px var(--el-color-primary);
 }
 }
 // 默认样式修改
 // 默认样式修改
 .el-menu {
 .el-menu {
 	border-right: none !important;
 	border-right: none !important;
-	width: 220px;
+	width: 200px;
 }
 }
 .el-menu-item {
 .el-menu-item {
 	height: 50px !important;
 	height: 50px !important;