图像路径修改

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="/sharedSolutions/eBike">共享电动车<p>通过扫码开锁，循环共享</p></a></li>
+                <li><a href="Ebike.html">共享电动车<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="/industrySolutions/ElectCar">智能电动车<p>
+                <li><a href="Internet_Things_ElectCar.html">智能电动车<p>
                   打造智能电动车时代!方便用户的出行,让骑车出行便捷</p></a></li>
                 <li><a href="Internet_Things_cabinet.html">智能换电柜<p>
                   智能换电柜系统以集中换电替代用户充电，解决国内超过3.5亿辆电动车的电池续航问题</p></a></li>
@@ -75,10 +75,9 @@
               <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="/softwareDevelopment/app">APP开发<p>
+                <li><a href="UI-s.html">APP开发<p>
                   小程序是一种新的开放能力,可以在微信内被便捷地获取和传播,同时具有出色的使用体验</p></a></li>
-                <li><a href="/softwareDevelopment/miniprogram">小程序开发<p>
-                  提供高效的APP开发、手机APP制作与APP管理等服务</p></a></li>
+                <li><a href="proDevelop.html">小程序开发<p>提供高效的APP开发、手机APP制作与APP管理等服务</p></a></li>
               </ul>
             </div>
           </li>
@@ -100,7 +99,7 @@
               </ul>
             </div>
           </li>
-          <li class="hidden-xs hidden-sm hidden-md"><a href="/about">关于创特 </a></li>
+          <li class="hidden-xs hidden-sm hidden-md"><a href="about.html">关于创特 </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> -->
@@ -114,14 +113,10 @@
 <script lang="ts" setup>
 import {onMounted} from "vue";
 
-onMounted(() => {
-  // 加载CSS样式文件
-  loadCSSFiles()
-
-  // 加载JavaScript文件
-  loadJSFiles()
-})
-
+/**
+ * 加载 JavaScript 文件
+ * 功能：动态加载所需的 JavaScript 库和脚本文件
+ */
 const loadJSFiles = () => {
   const jsFiles = [
     '/js/jquery-1.10.2.js',
@@ -129,8 +124,6 @@ const loadJSFiles = () => {
     '/js/index.js',
     '/js/news.js',
     '/js/gopcOm.js'
-
-
   ]
 
   jsFiles.forEach(src => {
@@ -145,26 +138,13 @@ const 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)
-    }
-  })
-}
+/**
+ * 组件挂载后加载 JavaScript 文件
+ */
+onMounted(() => {
+  // 加载JavaScript文件
+  loadJSFiles()
+})
 </script>
 
 <style scoped>

app/components/sharedSolutions/eBike/index.vue

@@ -34,7 +34,6 @@ const loadCSSFiles = () => {
   const cssFiles = [
     '/css/bootstrap.min.css',
     '/css/main2.css',
-    // '/css/main.css',
     '/css/ebikes.css',
     '/css/yuxi2019.css'
   ]
@@ -85,28 +84,28 @@ const loadCSSFiles = () => {
 
           <div class="col-xs-6 col-lg-3">
             <!-- <a class="list-item"> -->
-            <img alt="定制化共享电动车" class="img-responsive center-block" src="/img/img/ebike/item2-1.png">
+            <img alt="定制化共享电动车" class="img-responsive center-block" src="img/ebike/item2-1.png">
             <span>定制化共享电动车</span>
             <!-- </a> -->
           </div>
 
           <div class="col-xs-6 col-lg-3">
             <!-- <a class="list-item"> -->
-            <img alt="专业级IOT物联网设备" class="img-responsive center-block" src="/img/img/ebike/item2-2.png">
+            <img alt="专业级IOT物联网设备" class="img-responsive center-block" src="img/ebike/item2-2.png">
             <span>专业级IOT物联网设备</span>
             <!-- </a> -->
           </div>
 
           <div class="col-xs-6 col-lg-3">
             <!-- <a class="list-item"> -->
-            <img alt="多平台APP快速开发" class="img-responsive center-block" src="/img/img/ebike/item2-3.png">
+            <img alt="多平台APP快速开发" class="img-responsive center-block" src="img/ebike/item2-3.png">
             <span>多平台APP快速开发</span>
             <!-- </a> -->
           </div>
 
           <div class="col-xs-6 col-lg-3">
             <!-- <a class="list-item"> -->
-            <img alt="专业级运营管理平台" class="img-responsive center-block" src="/img/img/ebike/item2-4.png">
+            <img alt="专业级运营管理平台" class="img-responsive center-block" src="img/ebike/item2-4.png">
             <span>专业级运营管理平台</span>
             <!-- </a> -->
           </div>
@@ -124,7 +123,7 @@ const loadCSSFiles = () => {
 
             <div class="col-xs-12 col-sm-6 col-lg-2 col-lg-offset-1">
               <div class="mini-group">
-                <img alt="物联网设备数据传输" class="img-responsive center-block" src="/img/img/ebike/item5-1.png">
+                <img alt="物联网设备数据传输" class="img-responsive center-block" src="img/ebike/item5-1.png">
                 <span>物联网设备数据传输</span>
                 <p>通过联网中控及车载控制器设备实现</p>
               </div>
@@ -133,7 +132,7 @@ const loadCSSFiles = () => {
             <div class="col-xs-12 col-sm-6 col-lg-2">
               <!-- <a class="list-item"> -->
               <div class="mini-group">
-                <img alt="防水防盗防高温" class="img-responsive center-block" src="/img/img/ebike/item5-2.png">
+                <img alt="防水防盗防高温" class="img-responsive center-block" src="img/ebike/item5-2.png">
                 <span>防水防盗防高温</span>
                 <p>车辆及设备采用防水式设计、材料采用防高温材料，并加载智能防盗系统</p>
               </div>
@@ -143,7 +142,7 @@ const loadCSSFiles = () => {
             <div class="col-xs-12 col-sm-6 col-lg-2">
               <!-- <a class="list-item"> -->
               <div class="mini-group">
-                <img alt="出骑行区提醒" class="img-responsive center-block" src="/img/img/ebike/item5-3.png">
+                <img alt="出骑行区提醒" class="img-responsive center-block" src="img/ebike/item5-3.png">
                 <span>出骑行区提醒</span>
                 <p>车辆出骑行区，车辆喇叭自动发出语音提醒，若不按语音要求返回则车辆自动断电</p>
               </div>
@@ -153,7 +152,7 @@ const loadCSSFiles = () => {
             <div class="col-xs-12 col-sm-6 col-lg-2">
               <!-- <a class="list-item"> -->
               <div class="mini-group">
-                <img alt="在线寻车" class="img-responsive center-block" src="/img/img/ebike/item5-4.png">
+                <img alt="在线寻车" class="img-responsive center-block" src="img/ebike/item5-4.png">
                 <span>在线寻车</span>
                 <p>根据车辆定位及电量信息，可在线查找最合适的可骑行车辆</p>
               </div>
@@ -163,7 +162,7 @@ const loadCSSFiles = () => {
             <div class="col-xs-12 col-sm-6 col-lg-2">
               <!-- <a class="list-item"> -->
               <div class="mini-group">
-                <img alt="规范停车区" class="img-responsive center-block" src="/img/img/ebike/item5-5.png">
+                <img alt="规范停车区" class="img-responsive center-block" src="img/ebike/item5-5.png">
                 <span>规范停车区</span>
                 <p>通过运营管理平台设置停车区，若用户不在停车区内停车，则需额外支付车辆调度费</p>
               </div>
@@ -181,12 +180,12 @@ const loadCSSFiles = () => {
 
           <h2 class="text-center">共享电动车APP/小程序</h2>
           <div class="col-xs-12 col-lg-4">
-            <img alt="共享电动车APP" class="img-responsive center-block" src="/img/img/ebike/item6-1.png">
+            <img alt="共享电动车APP" class="img-responsive center-block" src="img/ebike/item6-1.png">
           </div>
 
           <div class="col-xs-6 col-lg-4">
             <div class="mini-group">
-              <img alt="实名认证用车" class="img-responsive center-block" src="/img/img/ebike/item6-1i.png">
+              <img alt="实名认证用车" class="img-responsive center-block" src="img/ebike/item6-1i.png">
               <p>
                 <span>实名认证用车</span>
                 <span>通过实名认证，预防用户骑走车辆不归还及解决国家规定未满16周岁不能用车问题</span>
@@ -194,7 +193,7 @@ const loadCSSFiles = () => {
             </div>
 
             <div class="mini-group">
-              <img alt="一键预约用车" class="img-responsive center-block" src="/img/img/ebike/item6-2i.png">
+              <img alt="一键预约用车" class="img-responsive center-block" src="img/ebike/item6-2i.png">
               <p>
                 <span>一键预约用车</span>
                 <span>选择合适车辆，一键预约车辆</span>
@@ -202,7 +201,7 @@ const loadCSSFiles = () => {
             </div>
 
             <div class="mini-group">
-              <img alt="免押金卡骑行" class="img-responsive center-block" src="/img/img/ebike/item6-3i.png">
+              <img alt="免押金卡骑行" class="img-responsive center-block" src="img/ebike/item6-3i.png">
               <p>
                 <span>免押金卡骑行</span>
                 <span>考虑支付宝免押对接困难及用户不愿缴纳高额押金问题提出免押金卡方案，解决问题并增加额外收入</span>
@@ -210,7 +209,7 @@ const loadCSSFiles = () => {
             </div>
 
             <div class="mini-group">
-              <img alt="用车前确认续航里程" class="img-responsive center-block" src="/img/img/ebike/item6-4i.png">
+              <img alt="用车前确认续航里程" class="img-responsive center-block" src="img/ebike/item6-4i.png">
               <p>
                 <span>用车前确认续航里程</span>
                 <span>扫码用车弹出车辆当前可续航里程信息，用户根据该信息判断是否满足自身骑行要求</span>
@@ -220,28 +219,28 @@ const loadCSSFiles = () => {
 
           <div class="col-xs-6 col-lg-4">
             <div class="mini-group">
-              <img alt="时间+里程精准计费" class="img-responsive center-block" src="/img/img/ebike/item6-5i.png">
+              <img alt="时间+里程精准计费" class="img-responsive center-block" src="img/ebike/item6-5i.png">
               <p>
                 <span>时间+里程精准计费</span>
                 <span>根据用车时间及车辆轮转里程精准计费</span>
               </p>
             </div>
             <div class="mini-group">
-              <img alt="临时停车" class="img-responsive center-block" src="/img/img/ebike/item6-6i.png">
+              <img alt="临时停车" class="img-responsive center-block" src="img/ebike/item6-6i.png">
               <p>
                 <span>临时停车</span>
                 <span>临时有事，一键临时停车，锁车不结束订单。忘记还车，系统自动还车。</span>
               </p>
             </div>
             <div class="mini-group">
-              <img alt="一键关锁结账" class="img-responsive center-block" src="/img/img/ebike/item6-7i.png">
+              <img alt="一键关锁结账" class="img-responsive center-block" src="img/ebike/item6-7i.png">
               <p>
                 <span>一键关锁结账</span>
                 <span>手机一键关锁，系统自动结账</span>
               </p>
             </div>
             <div class="mini-group">
-              <img alt="多种支付方式" class="img-responsive center-block" src="/img/img/ebike/item6-8i.png">
+              <img alt="多种支付方式" class="img-responsive center-block" src="img/ebike/item6-8i.png">
               <p>
                 <span>多种支付方式</span>
                 <span>支持微信、支付宝等多种支付方式</span>
@@ -257,34 +256,32 @@ const loadCSSFiles = () => {
       <div class="container-fluid">
         <div class="row item7 text-center">
           <h2>运营管理平台</h2>
-          <div class="sys-pice"><img
-              alt="运营管理平台" class="img-responsive center-block"
-              src="/img/img/ebike/item7-1.png">
+          <div class="sys-pice"><img alt="运营管理平台" class="img-responsive center-block" src="img/ebike/item7-1.png">
           </div>
           <div class="col-xs-6 col-lg-2 col-lg-offset-2">
             <div class="mini-group">
-              <img alt="实时车辆监控" class="img-responsive center-block" src="/img/img/ebike/item7-1i.png">
+              <img alt="实时车辆监控" class="img-responsive center-block" src="img/ebike/item7-1i.png">
               <span>实时车辆监控</span>
               <p>运营平台大屏幕展示车辆的分布及状态</p>
             </div>
           </div>
           <div class="col-xs-6 col-lg-2">
             <div class="mini-group">
-              <img alt="智能异常报警" class="img-responsive center-block" src="/img/img/ebike/item7-2i.png">
+              <img alt="智能异常报警" class="img-responsive center-block" src="img/ebike/item7-2i.png">
               <span>智能异常报警</span>
               <p>车辆发生异常问题，运营平台发生警报</p>
             </div>
           </div>
           <div class="col-xs-6 col-lg-2">
             <div class="mini-group">
-              <img alt="规范骑行、停车区域" class="img-responsive center-block" src="/img/img/ebike/item7-3i.png">
+              <img alt="规范骑行、停车区域" class="img-responsive center-block" src="img/ebike/item7-3i.png">
               <span>规范骑行、停车区域</span>
               <p>运营平台设置骑行、停车区域运营平台设置骑行、停车电子围栏，规范用户用车，节约运维成本</p>
             </div>
           </div>
           <div class="col-xs-6 col-lg-2">
             <div class="mini-group">
-              <img alt="运营数据" class="img-responsive center-block" src="/img/img/ebike/item7-4i.png">
+              <img alt="运营数据" class="img-responsive center-block" src="img/ebike/item7-4i.png">
               <span>运营数据</span>
               <p>运营数据云储存，百万量级数据实时查询</p>
             </div>
@@ -293,28 +290,28 @@ const loadCSSFiles = () => {
 
           <div class="col-xs-6 col-lg-2 col-lg-offset-2">
             <div class="mini-group">
-              <img alt="运维数据" class="img-responsive center-block" src="/img/img/ebike/item7-5i.png">
+              <img alt="运维数据" class="img-responsive center-block" src="img/ebike/item7-5i.png">
               <span>运维数据</span>
               <p>运维数据实时上报，绩效考核有依据</p>
             </div>
           </div>
           <div class="col-xs-6 col-lg-2">
             <div class="mini-group">
-              <img alt="快速签署代理" class="img-responsive center-block" src="/img/img/ebike/item7-6i.png">
+              <img alt="快速签署代理" class="img-responsive center-block" src="img/ebike/item7-6i.png">
               <span>快速签署代理</span>
               <p>加盟商、代理商快速进入系统</p>
             </div>
           </div>
           <div class="col-xs-6 col-lg-2">
             <div class="mini-group">
-              <img alt="财务管理" class="img-responsive center-block" src="/img/img/ebike/item7-7i.png">
+              <img alt="财务管理" class="img-responsive center-block" src="img/ebike/item7-7i.png">
               <span>财务管理</span>
               <p>财务报表实时统计查询，财务清晰有记录</p>
             </div>
           </div>
           <div class="col-xs-6 col-lg-2">
             <div class="mini-group">
-              <img alt="权限管理" class="img-responsive center-block" src="/img/img/ebike/item7-8i.png">
+              <img alt="权限管理" class="img-responsive center-block" src="img/ebike/item7-8i.png">
               <span>权限管理</span>
               <p>根据公司员工岗位职责，自定义设置系统权限</p>
             </div>