设置了网站图标favicon)

2025-03-08 16:29:13 +08:00 · 2025-03-08 16:29:13 +08:00 · 14b73bcf87
commit 14b73bcf87
parent 7564b18863
4 changed files with 36 additions and 5 deletions
--- a/index.html
+++ b/index.html
@ -2,7 +2,7 @@
 <html lang="en">
  <head>
    <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" />
    <title>智慧湿地管理平台</title>
  </head>
--- a/src/App.vue
+++ b/src/App.vue
@ -3,7 +3,7 @@ import { RouterView } from "vue-router";
 import { onMounted } from 'vue';

 onMounted(() => {
-  document.title = '智慧湿地管理平台';
+  document.title = 'AI智慧平台 - 智能管理系统';
 });
 </script>

--- a/src/assets/images/logo.png
+++ b/src/assets/images/logo.png
--- a/src/layout/AdminLayout.vue
+++ b/src/layout/AdminLayout.vue
@ -23,6 +23,7 @@ import {
  InfoFilled,
  Grid
 } from "@element-plus/icons-vue";
+import logo from '../assets/images/logo.png';

 const router = useRouter();
 const route = useRoute();
@ -158,7 +159,11 @@ const handleCommand = (command) => {
    <el-container class="layout-container">
      <el-aside :width="isCollapse ? '64px' : '200px'">
        <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>
        <el-menu
          :default-active="activeMenu"
@ -257,15 +262,41 @@ const handleCommand = (command) => {
    border-bottom: 1px solid v.$border-color;
    background-color: v.$sidebar-bg;
    overflow: hidden;
+    gap: 10px;
+
+    .logo-image {
+      width: 32px;
+      height: 32px;
+      object-fit: contain;
+    }

    .logo-title {
      cursor: pointer;
      margin: 0;
      font-size: 18px;
      font-weight: 500;
-      color: v.$primary-color;
      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;
+      }
    }
  }