diff --git a/src/views/aboutpage.vue b/src/views/aboutpage.vue
index 86fa737..5fe0159 100644
--- a/src/views/aboutpage.vue
+++ b/src/views/aboutpage.vue
@@ -8,19 +8,19 @@
 
       <div class="col-9 col-md-6 row justify-around items-center">
 
-        <div class="cursor header-title"
+        <div class="cursor header-title relative"
              @click="handleLink('/home/navigation')">首页</div>
-        <div class="cursor header-title"
+        <div class="cursor header-title relative"
              @click="handleLink('')">导航</div>
-        <div class="cursor header-title"
+        <div class="cursor header-title relative"
              @click="handleLink('')">展览</div>
-        <div class="cursor header-title"
+        <div class="cursor header-title relative"
              @click="handleLink('')">典藏</div>
-        <div class="cursor header-title"
+        <div class="cursor header-title relative"
              @click="handleLink('')">资讯</div>
-        <div class="cursor header-title"
+        <div class="cursor header-title relative"
              @click="handleLink('')">文创</div>
-        <div class="cursor header-title"
+        <div class="cursor header-title relative"
              @click="handleLink('')">数字文脉</div>
         <div class="cursor header-title hover-dom relative">关于
           <div class="hidden-dom row justify-center"
@@ -202,4 +202,17 @@ const handleLink = (url) => {
     width: calc(100% - 320px);
   }
 }
+
+.header-title:hover::after {
+  content: "";
+  background-image: url("../assets/images/icon-header-btn.png");
+  background-size: contain;
+  background-repeat: no-repeat;
+  width: 45px;
+  height: 3px;
+  position: absolute;
+  top: 30px;
+  left: 50%;
+  transform: translateX(-50%);
+}
 </style>
diff --git a/src/views/commonpage.vue b/src/views/commonpage.vue
index cdb8f1a..14acfa1 100644
--- a/src/views/commonpage.vue
+++ b/src/views/commonpage.vue
@@ -8,67 +8,65 @@
 
       <div class="col-9 col-md-6 row justify-around items-center">
 
-        <div class="col-6 row justify-around items-center">
+        <div class="cursor header-title relative"
+             @click="handleLink('/home/navigation')">首页</div>
+        <div class="cursor header-title relative"
+             @click="handleLink('')">导航</div>
+        <div class="cursor header-title relative"
+             @click="handleLink('')">展览</div>
+        <div class="cursor header-title relative"
+             @click="handleLink('')">典藏</div>
+        <div class="cursor header-title relative"
+             @click="handleLink('')">资讯</div>
+        <div class="cursor header-title relative"
+             @click="handleLink('')">文创</div>
+        <div class="cursor header-title relative"
+             @click="handleLink('')">数字文脉</div>
 
-          <div class="cursor header-title"
-               @click="handleLink('/home/navigation')">首页</div>
-          <div class="cursor header-title"
-               @click="handleLink('')">导航</div>
-          <div class="cursor header-title"
-               @click="handleLink('')">展览</div>
-          <div class="cursor header-title"
-               @click="handleLink('')">典藏</div>
-          <div class="cursor header-title"
-               @click="handleLink('')">资讯</div>
-          <div class="cursor header-title"
-               @click="handleLink('')">文创</div>
-          <div class="cursor header-title"
-               @click="handleLink('')">数字文脉</div>
+        <div class="cursor header-title hover-dom relative">关于
+          <div class="hidden-dom row justify-center"
+               style="position:absolute;top:20px;left:-38px;z-index:9999">
+            <div class="row justify-center secmenu fl-mt-lg"
+                 style="padding: 4px 8px ">
+              <div class="cursor"
+                   style="padding: 8px;border-bottom:1px solid #fff "
+                   @click="handleLink('/about/statutes')">制度公开</div>
 
-          <div class="cursor header-title hover-dom relative">关于
-            <div class="hidden-dom row justify-center"
-                 style="position:absolute;top:20px;left:-38px;z-index:9999">
-              <div class="row justify-center secmenu fl-mt-lg"
-                   style="padding: 4px 8px ">
-                <div class="cursor"
-                     style="padding: 8px;border-bottom:1px solid #fff "
-                     @click="handleLink('/about/statutes')">制度公开</div>
+              <div class="cursor"
+                   style="padding: 8px;border-bottom:1px solid #fff "
+                   @click="handleLink('/common/interpretive')">讲解服务</div>
+              <div class="cursor"
+                   style="padding: 8px  "
+                   @click="handleLink('/common/audiencesurveys')">观众调查</div>
 
-                <div class="cursor"
-                     style="padding: 8px;border-bottom:1px solid #fff "
-                     @click="handleLink('/common/interpretive')">讲解服务</div>
-                <div class="cursor"
-                     style="padding: 8px  "
-                     @click="handleLink('/common/audiencesurveys')">观众调查</div>
-
-              </div>
             </div>
           </div>
         </div>
       </div>
-      <div class="fl-page-width">
-        <router-view></router-view>
-      </div>
+    </div>
+    <div class="fl-page-width">
+      <router-view></router-view>
+    </div>
 
-      <div style="height:145px;background:#000;"
-           class="row justify-center color-white">
-        <div class="col-6 col-md-4 row justify-around "
-             style="margin-top:32px;max-width:300px">
-          <div class="cursor"
-               @click="handleLink('')">帮助</div>
-          <div class="
+    <div style="height:145px;background:#000;"
+         class="row justify-center color-white">
+      <div class="col-6 col-md-4 row justify-around "
+           style="margin-top:32px;max-width:300px">
+        <div class="cursor"
+             @click="handleLink('')">帮助</div>
+        <div class="
              cursor"
-               @click="handleLink('')">隐私</div>
-          <div class="
+             @click="handleLink('')">隐私</div>
+        <div class="
              cursor"
-               @click="handleLink('')">条款</div>
-          <div class="
+             @click="handleLink('')">条款</div>
+        <div class="
              col-12
              cursor
              text-center">copyright 2024 最终所有权归延庆博物馆</div>
-        </div>
       </div>
     </div>
+  </div>
 </template>
 <script setup>
 
@@ -122,4 +120,16 @@ const handleLink = (url) => {
   background: #343434;
   border-radius: 10px;
 }
+.header-title:hover::after {
+  content: "";
+  background-image: url("../assets/images/icon-header-btn.png");
+  background-size: contain;
+  background-repeat: no-repeat;
+  width: 45px;
+  height: 3px;
+  position: absolute;
+  top: 30px;
+  left: 50%;
+  transform: translateX(-50%);
+}
 </style>
diff --git a/src/views/homepage.vue b/src/views/homepage.vue
index c904df4..937abaf 100644
--- a/src/views/homepage.vue
+++ b/src/views/homepage.vue
@@ -7,67 +7,66 @@
              style="width:40px;height:40px" /><span class="fl-ml-sm">延庆博物馆</span></div>
 
       <div class="col-9 col-md-6 row justify-around items-center">
-        <div class="col-6 row justify-around items-center">
 
-          <div class="cursor header-title"
-               @click="handleLink('/home/navigation')">首页</div>
-          <div class="cursor header-title"
-               @click="handleLink('')">导航</div>
-          <div class="cursor header-title"
-               @click="handleLink('')">展览</div>
-          <div class="cursor header-title"
-               @click="handleLink('')">典藏</div>
-          <div class="cursor header-title"
-               @click="handleLink('')">资讯</div>
-          <div class="cursor header-title"
-               @click="handleLink('')">文创</div>
-          <div class="cursor header-title"
-               @click="handleLink('')">数字文脉</div>
+        <div class="cursor header-title relative"
+             @click="handleLink('/home/navigation')">首页</div>
+        <div class="cursor header-title relative"
+             @click="handleLink('')">导航</div>
+        <div class="cursor header-title relative"
+             @click="handleLink('')">展览</div>
+        <div class="cursor header-title relative"
+             @click="handleLink('')">典藏</div>
+        <div class="cursor header-title relative"
+             @click="handleLink('')">资讯</div>
+        <div class="cursor header-title relative"
+             @click="handleLink('')">文创</div>
+        <div class="cursor header-title relative"
+             @click="handleLink('')">数字文脉</div>
 
-          <div class="cursor header-title hover-dom relative">关于
-            <div class="hidden-dom row justify-center"
-                 style="position:absolute;top:20px;left:-38px;z-index:9999">
-              <div class="row justify-center secmenu fl-mt-lg"
-                   style="padding: 4px 8px ">
-                <div class="cursor"
-                     style="padding: 8px;border-bottom:1px solid #fff "
-                     @click="handleLink('/about/statutes')">制度公开</div>
+        <div class="cursor header-title hover-dom relative">关于
+          <div class="hidden-dom row justify-center"
+               style="position:absolute;top:20px;left:-38px;z-index:9999">
+            <div class="row justify-center secmenu fl-mt-lg"
+                 style="padding: 4px 8px ">
+              <div class="cursor"
+                   style="padding: 8px;border-bottom:1px solid #fff "
+                   @click="handleLink('/about/statutes')">制度公开</div>
 
-                <div class="cursor"
-                     style="padding: 8px;border-bottom:1px solid #fff "
-                     @click="handleLink('/common/interpretive')">讲解服务</div>
-                <div class="cursor"
-                     style="padding: 8px  "
-                     @click="handleLink('/common/audiencesurveys')">观众调查</div>
+              <div class="cursor"
+                   style="padding: 8px;border-bottom:1px solid #fff "
+                   @click="handleLink('/common/interpretive')">讲解服务</div>
+              <div class="cursor"
+                   style="padding: 8px  "
+                   @click="handleLink('/common/audiencesurveys')">观众调查</div>
 
-              </div>
             </div>
           </div>
         </div>
       </div>
-      <div>
-        <router-view></router-view>
-      </div>
+    </div>
+    <div>
+      <router-view></router-view>
+    </div>
 
-      <div style="height:145px;background:#000;"
-           class="row justify-center color-white">
-        <div class="col-6 col-md-4 row justify-around "
-             style="margin-top:32px;max-width:300px">
-          <div class="cursor"
-               @click="handleLink('')">帮助</div>
-          <div class="
+    <div style="height:145px;background:#000;"
+         class="row justify-center color-white">
+      <div class="col-6 col-md-4 row justify-around "
+           style="margin-top:32px;max-width:300px">
+        <div class="cursor"
+             @click="handleLink('')">帮助</div>
+        <div class="
              cursor"
-               @click="handleLink('')">隐私</div>
-          <div class="
+             @click="handleLink('')">隐私</div>
+        <div class="
              cursor"
-               @click="handleLink('')">条款</div>
-          <div class="
+             @click="handleLink('')">条款</div>
+        <div class="
              col-12
              cursor
              text-center">copyright 2024 最终所有权归延庆博物馆</div>
-        </div>
       </div>
     </div>
+  </div>
 </template>
 <script setup>
 
@@ -121,4 +120,16 @@ const handleLink = (url) => {
   background: #343434;
   border-radius: 10px;
 }
+.header-title:hover::after {
+  content: "";
+  background-image: url("../assets/images/icon-header-btn.png");
+  background-size: contain;
+  background-repeat: no-repeat;
+  width: 45px;
+  height: 3px;
+  position: absolute;
+  top: 30px;
+  left: 50%;
+  transform: translateX(-50%);
+}
 </style>