diff --git a/app/components/Navigation.vue b/app/components/Navigation.vue
index 3d73adb..da20cf9 100644
--- a/app/components/Navigation.vue
+++ b/app/components/Navigation.vue
@@ -39,7 +39,7 @@
                 </li>
                 <li><a href="scooter.html">共享滑板车<p>新的共享出行方式，轻便省力</p></a></li>
                 <li><a href="sharedbed.html">共享陪护床<p>立足医院民生需求而诞生，解决医患家属的休息问题</p></a></li>
-                <li><a href="Ebike.html">共享电动车<p>通过扫码开锁，循环共享</p></a></li>
+                <li><a href="/sharedSolutions/eBike">共享电动车<p>通过扫码开锁，循环共享</p></a></li>
                 <li><a href="sharabank.html">共享充电宝<p>
                   企业提供的充电租赁设备，用户扫码取出后即可使用，用完后就近归还</p></a></li>
               </ul>
@@ -57,7 +57,7 @@
               <ul class="pull-right col-xs-4 col-sm-6">
                 <!-- <li><a class="menu-group" href="http://tianmei.yuxiit.com/" target="_blank">智慧餐饮<p>基于物联网和云计算技术为餐饮店量身打造的智能管理系统</p></a></li>
                 <li><a href="http://hx.yuxiit.com/" target="_blank">智慧公寓<p>集多种设备操控,场景定制,产品于一体,让顾客在公寓体验到更舒适,更便捷,更个性化的服务</p></a></li> -->
-                <li><a href="Internet_Things_ElectCar.html">智能电动车<p>
+                <li><a href="/industrySolutions/ElectCar">智能电动车<p>
                   打造智能电动车时代!方便用户的出行,让骑车出行便捷</p></a></li>
                 <li><a href="Internet_Things_cabinet.html">智能换电柜<p>
                   智能换电柜系统以集中换电替代用户充电，解决国内超过3.5亿辆电动车的电池续航问题</p></a></li>
@@ -75,9 +75,10 @@
               <ul class="pull-right col-xs-4 col-sm-6">
                 <li><a href="http://wechat.yuxiit.com/" target="_blank">微信开发<p>
                   定制开发可使您的微信公众平台更突出价值</p></a></li>
-                <li><a href="UI-s.html">APP开发<p>
+                <li><a href="/softwareDevelopment/app">APP开发<p>
                   小程序是一种新的开放能力,可以在微信内被便捷地获取和传播,同时具有出色的使用体验</p></a></li>
-                <li><a href="proDevelop.html">小程序开发<p>提供高效的APP开发、手机APP制作与APP管理等服务</p></a></li>
+                <li><a href="/softwareDevelopment/miniprogram">小程序开发<p>
+                  提供高效的APP开发、手机APP制作与APP管理等服务</p></a></li>
               </ul>
             </div>
           </li>
@@ -99,7 +100,7 @@
               </ul>
             </div>
           </li>
-          <li class="hidden-xs hidden-sm hidden-md"><a href="about.html">关于创特 </a></li>
+          <li class="hidden-xs hidden-sm hidden-md"><a href="/about">关于创特 </a></li>
           <li><a href="#contact-us">联系我们</a></li>
           <!-- <li><a>0755-85225123</a></li> -->
           <!-- <li class="hidden-xs hidden-sm"><a>18123752516</a></li> -->
@@ -113,10 +114,14 @@
 <script lang="ts" setup>
 import {onMounted} from "vue";
 
-/**
- * 加载 JavaScript 文件
- * 功能：动态加载所需的 JavaScript 库和脚本文件
- */
+onMounted(() => {
+  // 加载CSS样式文件
+  loadCSSFiles()
+
+  // 加载JavaScript文件
+  loadJSFiles()
+})
+
 const loadJSFiles = () => {
   const jsFiles = [
     '/js/jquery-1.10.2.js',
@@ -138,13 +143,26 @@ const loadJSFiles = () => {
   })
 }
 
-/**
- * 组件挂载后加载 JavaScript 文件
- */
-onMounted(() => {
-  // 加载JavaScript文件
-  loadJSFiles()
-})
+const loadCSSFiles = () => {
+  const cssFiles = [
+    '/css/bootstrap.min.css',
+    '/css/main2.css',
+    '/css/main.css',
+    '/css/yuxi2019.css'
+  ]
+
+  cssFiles.forEach(href => {
+    // 检查是否已经加载过该CSS文件
+    const existingLink = document.querySelector(`link[href="${href}"]`)
+    if (!existingLink) {
+      const link = document.createElement('link')
+      link.rel = 'stylesheet'
+      link.href = href
+      link.type = 'text/css'
+      document.head.appendChild(link)
+    }
+  })
+}
 </script>
 
 <style scoped>