feat:新增点击title返回首页

easymoneysniperrr · Oct 28, 2024 · 392c6cf · 392c6cf
1 parent 4c44712
commit 392c6cf
Show file tree

Hide file tree

Showing 5 changed files with 10 additions and 5 deletions.
diff --git a/src/views/appCenter.vue b/src/views/appCenter.vue
@@ -10,7 +10,7 @@
     <header class="w-100% h-68px bg-cover bg-center relative">
       <!-- 导航栏提高层级 -->
       <div class="box-border px-40px absolute left-0 top-0 w-full h-64px bg-white bg-op-70 flex flex-row items-center justify-between z-10">
-        <h1 class="text-20px font-500 mb-4px">贵阳贵安鸿蒙城市生态中心</h1>
+        <h1 class="text-20px font-500 mb-4px cursor-pointer" @click="router.push('/websiteHome')">贵阳贵安鸿蒙城市生态中心</h1>
         <ul class="flex flex-row items-center justify-between text-16px">
           <li 
             class="px-24px cursor-pointer"

diff --git a/src/views/coderCommunity.vue b/src/views/coderCommunity.vue
@@ -10,7 +10,7 @@
     <header class="w-100% h-68px bg-cover bg-center relative">
       <!-- 导航栏提高层级 -->
       <div class="box-border px-40px absolute left-0 top-0 w-full h-64px bg-white bg-op-70 flex flex-row items-center justify-between z-10">
-        <h1 class="text-20px font-500 mb-4px">贵阳贵安鸿蒙城市生态中心</h1>
+        <h1 class="text-20px font-500 mb-4px cursor-pointer" @click="router.push('/websiteHome')">贵阳贵安鸿蒙城市生态中心</h1>
         <ul class="flex flex-row items-center justify-between text-16px">
           <li 
             class="px-24px cursor-pointer"

diff --git a/src/views/deviceCenter.vue b/src/views/deviceCenter.vue
@@ -3,7 +3,7 @@
     <header class="w-100% h-68px bg-cover bg-center relative">
       <!-- 导航栏提高层级 -->
       <div class="box-border px-40px absolute left-0 top-0 w-full h-64px bg-white bg-op-70 flex flex-row items-center justify-between z-10">
-        <h1 class="text-20px font-500 mb-4px">贵阳贵安鸿蒙城市生态中心</h1>
+        <h1 class="text-20px font-500 mb-4px cursor-pointer" @click="router.push('/websiteHome')">贵阳贵安鸿蒙城市生态中心</h1>
         <ul class="flex flex-row items-center justify-between text-16px">
           <li 
             class="px-24px cursor-pointer"

diff --git a/src/views/innovationCenter.vue b/src/views/innovationCenter.vue
@@ -7,7 +7,7 @@
 
       <!-- 导航栏提高层级 -->
       <div class="box-border px-40px absolute left-0 top-0 w-full h-64px bg-white bg-op-70 flex flex-row items-center justify-between z-10">
-        <h1 class="text-20px font-500 mb-4px">贵阳贵安鸿蒙城市生态中心</h1>
+        <h1 class="text-20px font-500 mb-4px cursor-pointer" @click="router.push('/websiteHome')">贵阳贵安鸿蒙城市生态中心</h1>
         <ul class="flex flex-row items-center justify-between text-16px">
           <li 
             class="px-24px cursor-pointer text-color-#007CF7"
@@ -356,6 +356,11 @@ import eco3 from '@/assets/images/innovationCenter/eco_3.png'
 import eco4 from '@/assets/images/innovationCenter/eco_4.png'
 
 const ecoImages = [eco1, eco2, eco3, eco4]
+
+// 在现有的 router 相关代码附近添加
+const goToHome = () => {
+  router.push('/websiteHome')
+}
 </script>
 
 <style scoped>

diff --git a/src/views/websiteHome.vue b/src/views/websiteHome.vue
@@ -352,7 +352,7 @@ const generateId = (title) => {
   }
 
   .logo {
-    font-size: 24px;
+    font-size: 20px;
     font-weight: 500;
     color: rgba(0, 0, 0, 0.90);
   }