From f0f16649881cfc7a3a1e4ade563c3760b59ce164 Mon Sep 17 00:00:00 2001
From: zhcnyuyang <yyydm@qq.com>
Date: Fri, 23 May 2025 11:33:25 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E5=BD=93=E5=89=8D=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=E5=AF=BC=E8=88=AA=E4=BB=A5=E5=8F=8Ahover=E6=94=BE?=
 =?UTF-8?q?=E5=A4=A7=E7=9A=84=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Toolbar.vue | 41 ++++++++++++++++++++++++--------------
 1 file changed, 26 insertions(+), 15 deletions(-)

diff --git a/src/components/Toolbar.vue b/src/components/Toolbar.vue
index df53084..b08d55d 100644
--- a/src/components/Toolbar.vue
+++ b/src/components/Toolbar.vue
@@ -1,7 +1,3 @@
-<script setup>
-import MobileToolbar from "@/components/Tools/MobileToolbar.vue";
-</script>
-
 <template>
   <div id="toproot">
     <MobileToolbar></MobileToolbar>
@@ -25,25 +21,33 @@ import MobileToolbar from "@/components/Tools/MobileToolbar.vue";
             src="/waptoptoolbarbutton.png"/>
       </a>
       <span id="rightcontent">
-        <span class="toptext" id="hyal">
+        <span class="toptext" id="hyal"
+              :class="{
+                curpagetoptext: this.isActiveRoute('Examples')}">
           <a href="/Examples"
              style="text-decoration: none; color: inherit;">
             行业案例
           </a>
         </span>
-        <span class="toptext" id="fwlc">
+        <span class="toptext" id="fwlc"
+              :class="{
+                curpagetoptext: this.isActiveRoute('ServiceProcess')}">
           <a href="/ServiceProcess"
              style="text-decoration: none; color: inherit;">
             服务流程
           </a>
         </span>
-        <span class="toptext" id="gywm">
+        <span class="toptext" id="gywm"
+              :class="{
+                curpagetoptext: this.isActiveRoute('Aboutus')}">
           <a href="/Aboutus"
              style="text-decoration: none; color: inherit;">
             关于我们
           </a>
         </span>
-        <span class="toptext" id="lxwm">
+        <span class="toptext" id="lxwm"
+              :class="{
+                curpagetoptext: this.isActiveRoute('ContactUs')}">
           <a href="/ContactUs"
              style="text-decoration: none; color: inherit;">
             联系我们
@@ -55,6 +59,7 @@ import MobileToolbar from "@/components/Tools/MobileToolbar.vue";
 </template>
 
 <script>
+import MobileToolbar from "@/components/Tools/MobileToolbar.vue";
 export default {
   name: "Toolbar",
   mounted() {
@@ -77,13 +82,18 @@ export default {
     },
     show_weptoolbar:function (){
       document.getElementById('mobilebarroot').style.visibility="visible";
+    },
+    isActiveRoute(routename) {
+      // Example: Apply style if route name starts with 'user-'
+      console.log('Current route name:', this.$route.name, 'Comparing with:', routename);
+      return this.$route.name === routename;
     }
   },
   computed: {
-    isActiveRoute(routename) {
-      // Example: Apply style if route name starts with 'user-'
-      return this.$route.name && this.$route.name.startsWith('routename');
-    }
+    // isActiveRoute(routename) {
+    //   // Example: Apply style if route name starts with 'user-'
+    //   return this.$route.name && this.$route.name.startsWith('routename');
+    // }
   }
 }
 </script>
@@ -109,6 +119,7 @@ export default {
     white-space: nowrap;
     line-height: 28px;
     display: inline-block;
+    transition: font-weight 0.5s, font-size 0.5s;
   }
 }
 .toptext:hover
@@ -120,7 +131,7 @@ export default {
     height: 28px;
     overflow-wrap: break-word;
     color: rgba(255, 255, 255, 1);
-    font-size: 20px;
+    font-size: 21px;
     font-family: PingFangSC-Regular;
     font-weight: bold;
     text-align: left;
@@ -129,7 +140,7 @@ export default {
     display: inline-block;
   }
 }
-.curpagetoptext
+.toptext.curpagetoptext
 {
   @include media-breakpoint-between(xs, md) {
   }
@@ -138,7 +149,7 @@ export default {
     height: 28px;
     overflow-wrap: break-word;
     color: rgba(255, 255, 255, 1);
-    font-size: 20px;
+    font-size: 21px;
     font-family: PingFangSC-Regular;
     font-weight: bold;
     text-align: left;