mitsuhaV/WetlandGuard-Admin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

设置了网站图标favicon)

Browse Source
This commit is contained in:
wzclm 2025-03-08 16:29:13 +08:00
parent 7564b18863
commit 14b73bcf87
4 changed files with 36 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
index.html
View File

@ -2,7 +2,7 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="icon" href="/favicon.ico" /> <link rel="icon" href="/src/assets/images/logo.png" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>智慧湿地管理平台</title> <title>智慧湿地管理平台</title>
</head> </head>

2
src/App.vue
View File

@ -3,7 +3,7 @@ import { RouterView } from "vue-router";
import { onMounted } from 'vue'; import { onMounted } from 'vue';
onMounted(() => { onMounted(() => {
document.title = '智慧湿地管理平台'; document.title = 'AI智慧平台 - 智能管理系统';
}); });
</script> </script>

BIN
src/assets/images/logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 285 KiB

37
src/layout/AdminLayout.vue
View File

@ -23,6 +23,7 @@ import {
InfoFilled, InfoFilled,
Grid Grid
} from "@element-plus/icons-vue"; } from "@element-plus/icons-vue";
import logo from '../assets/images/logo.png';
const router = useRouter(); const router = useRouter();
const route = useRoute(); const route = useRoute();
@ -158,7 +159,11 @@ const handleCommand = (command) => {
<el-container class="layout-container"> <el-container class="layout-container">
<el-aside :width="isCollapse ? '64px' : '200px'"> <el-aside :width="isCollapse ? '64px' : '200px'">
<div class="logo-container"> <div class="logo-container">
<h1 v-if="!isCollapse" class="logo-title">智慧湿地</h1> <img :src="logo" class="logo-image" alt="logo">
<h1 v-if="!isCollapse" class="logo-title">
<span class="ai-text">AI</span>
<span class="platform-text">智慧平台</span>
</h1>
</div> </div>
<el-menu <el-menu
:default-active="activeMenu" :default-active="activeMenu"
@ -257,15 +262,41 @@ const handleCommand = (command) => {
border-bottom: 1px solid v.$border-color; border-bottom: 1px solid v.$border-color;
background-color: v.$sidebar-bg; background-color: v.$sidebar-bg;
overflow: hidden; overflow: hidden;
gap: 10px;
.logo-image {
width: 32px;
height: 32px;
object-fit: contain;
}
.logo-title { .logo-title {
cursor: pointer; cursor: pointer;
margin: 0; margin: 0;
font-size: 18px; font-size: 18px;
font-weight: 500; font-weight: 500;
color: v.$primary-color;
white-space: nowrap; white-space: nowrap;
letter-spacing: 2px; display: flex;
align-items: center;
gap: 2px;
.ai-text {
color: #409EFF;
font-weight: 800;
font-style: italic;
text-shadow: 2px 2px 4px rgba(64, 158, 255, 0.2);
background: linear-gradient(120deg, #409EFF, #67C23A);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
padding: 0 2px;
letter-spacing: 0;
}
.platform-text {
color: v.$text-primary;
font-weight: 500;
letter-spacing: 2px;
}
} }
} }