From ee2b7b4943c7e2a3c68cea32a1e655cd035d6287 Mon Sep 17 00:00:00 2001
From: WindowBird <13870814+windows-bird@user.noreply.gitee.com>
Date: Wed, 8 Oct 2025 16:50:25 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A6=96=E9=A1=B5=E5=88=9B=E5=BB=BA0.9-?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=E6=8B=86=E5=88=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/components/AppFooter.vue        |  70 ++++++++----
 app/components/BottomNavigation.vue | 111 ++++++++-----------
 app/components/DevelopNews.vue      | 162 +++++++---------------------
 app/components/index/index.vue      | 162 ----------------------------
 app/layouts/default.vue             |   8 +-
 5 files changed, 136 insertions(+), 377 deletions(-)

diff --git a/app/components/AppFooter.vue b/app/components/AppFooter.vue
index c79e9d3..8ccdbe5 100644
--- a/app/components/AppFooter.vue
+++ b/app/components/AppFooter.vue
@@ -3,26 +3,54 @@ const {footer} = useAppConfig()
 </script>
 
 <template>
-  <UMarquee>
-    共享APP开发-创特科技专注于共享陪护床，共享电动车，共享汽车，共享充电桩，共享家居电器，共享按摩椅，共享充电宝，共享滑板车等共享软件开发及物联网解决方案
-  </umarquee>
-  <UFooter
-      :ui="{ left: 'text-muted text-xs' }"
-      class="z-10 bg-default"
-  >
-    <template #left>
-      {{ footer.credits }}
-    </template>
 
-    <template #right>
-      {{ footer.address }}
-      <template v-if="footer?.links">
-        <UButton
-            v-for="(link, index) of footer?.links"
-            :key="index"
-            v-bind="{ size: 'xs', color: 'neutral', variant: 'ghost', ...link }"
-        />
-      </template>
-    </template>
-  </UFooter>
+  <!--  -->
+  <div style="background: #000; color: #fff;">
+    <MARQUEE>
+      <!-- Keywords: -->
+      <a href="index-2.html" style="color: #fff;" target="_blank" title="深圳APP开发"><strong>共享APP开发-创特科技专注于共享陪护床，共享电动车，共享汽车，共享充电桩，共享家居电器，共享按摩椅，共享充电宝，共享滑板车等共享软件开发及物联网解决方案</strong></a>
+    </MARQUEE>
+  </div>
+  <!--  -->
+  <div class="containe min-footer text-center">
+    <div class="row">
+      <div class="col-xs-6">Copyright © 2013-2025深圳市创特科技有限公司 <a
+          href="http://beian.miit.gov.cn/"
+          target="_blank">粤ICP备14055703号-1</a>
+      </div>
+      <div class="col-xs-6">公司地址：深圳市龙华新区1970文化创意产业园A栋206</div>
+    </div>
+  </div>
+
+  <div class="col-xs-4 hidden-md hidden-lg">
+    <div class="servers">
+      <!--        <img id="getphones" alt="18123752516" src="/img/img/wecate.png">-->
+    </div>
+  </div>
+
+  <div id="myModal" class="modal fade">
+    <div class="modal-dialog" role="document">
+      <div class="modal-content">
+        <div class="modal-header" style="border: none">
+          <button aria-label="Close" class="close" data-dismiss="modal" type="button"><span
+              aria-hidden="true">&times;</span></button>
+          <h4 class="modal-title">复制成功</h4>
+        </div>
+        <div class="modal-body" style="text-align: center;">
+          <span class="glyphicon glyphicon-ok" style="color: green; font-size: 40px;"/>
+          <p>复制成功</p>
+          <p>手机号：18123752516</p>
+          <p>添加微信好友，详细了解产品。</p>
+        </div>
+        <div class="modal-footer" style="border: none">
+          <button
+              class="btn btn-default" data-dismiss="modal"
+              style="width: 100%; background: green; border: none; color: #fff;"
+              type="button">知道了
+          </button>
+          <!-- <button type="button" class="btn btn-primary">Save changes</button> -->
+        </div>
+      </div>
+    </div>
+  </div>
 </template>
diff --git a/app/components/BottomNavigation.vue b/app/components/BottomNavigation.vue
index fbe90a9..8bfd374 100644
--- a/app/components/BottomNavigation.vue
+++ b/app/components/BottomNavigation.vue
@@ -1,91 +1,68 @@
 <template>
-  <footer class="bg-default py-12">
-    <div class="container mx-auto px-4">
-      <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-5 gap-8">
+  <!-- 底部 -->
+  <div class="footer">
+    <div class="container">
+      <div class="row">
 
-        <!-- 解决方案 -->
-        <div class="text-center md:text-left">
-          <h3 class="text-lg font-semibold mb-4 text-default">解决方案</h3>
-          <ul class="space-y-2">
-            <li
-                v-for="item in solutions" :key="item"
-                class="text-muted hover:text-primary transition-colors cursor-pointer">
-              <a href="#">{{ item }}</a>
-            </li>
+        <div class="col-xs-4 col-lg-2">
+          <h2>解决方案</h2>
+          <ul class="list-unstyled">
+            <li><a href="http://bike.yuxiit.com/" target="_blank">共享单车</a></li>
+            <!-- <li><a href="">共享汽车</a></li> -->
+            <li><a href="scooter.html">共享滑板车</a></li>
+            <li><a href="sharedbed.html">共享陪护床</a></li>
+            <li><a href="Ebike.html">共享电动车</a></li>
+            <li><a href="sharabank.html">共享充电宝</a></li>
           </ul>
         </div>
 
-        <!-- 行业方案 -->
-        <div class="text-center md:text-left">
-          <h3 class="text-lg font-semibold mb-4 text-default">行业方案</h3>
-          <ul class="space-y-2">
-            <li
-                v-for="item in industrySolutions" :key="item"
-                class="text-muted hover:text-primary transition-colors cursor-pointer">
-              <a href="#">{{ item }}</a>
+        <div class="col-xs-4 col-lg-2">
+          <h2>行业方案</h2>
+          <ul class="list-unstyled">
+            <li><a class="menu-group" href="http://tianmei.yuxiit.com/" target="_blank" title="智慧餐饮">智慧餐饮</a>
             </li>
+            <li><a href="http://hx.yuxiit.com/" target="_blank" title="智慧公寓">智慧公寓</a></li>
+            <li><a href="Internet_Things_ElectCar.html" target="_blank" title="智慧公寓">智能电动车</a></li>
           </ul>
         </div>
 
-        <!-- 软件开发 -->
-        <div class="text-center md:text-left">
-          <h3 class="text-lg font-semibold mb-4 text-default">软件开发</h3>
-          <ul class="space-y-2">
-            <li
-                v-for="item in softwareDevelopment" :key="item"
-                class="text-muted hover:text-primary transition-colors cursor-pointer">
-              <a href="#">{{ item }}</a>
-            </li>
+        <div class="col-xs-4 col-lg-2">
+          <h2>软件开发</h2>
+          <ul class="list-unstyled">
+            <li><a href="http://wechat.yuxiit.com/" target="_blank">微信开发</a></li>
+            <li><a href="UI-s.html">APP开发</a></li>
+            <li><a href="proDevelop.html">小程序开发</a></li>
           </ul>
         </div>
 
-        <!-- 智能硬件 -->
-        <div class="text-center md:text-left">
-          <h3 class="text-lg font-semibold mb-4 text-default">智能硬件</h3>
-          <ul class="space-y-2">
-            <li
-                v-for="item in smartHardware" :key="item"
-                class="text-muted hover:text-primary transition-colors cursor-pointer">
-              <a href="#">{{ item }}</a>
-            </li>
+        <div class="col-xs-4 col-lg-2">
+          <h2>智能硬件</h2>
+          <ul class="list-unstyled">
+            <li><a href="Internet_Things.html" title="车锁">物联网应用定制</a></li>
+            <li><a href="Internet_Things_hardware.html" title="车锁">物联网智能硬件</a></li>
+            <li><a href="Internet_Things_IOT.html" title="联网控制器">物联网IOT云平台</a></li>
           </ul>
         </div>
 
-        <!-- 联系我们 -->
-        <div class="text-center md:text-left">
-          <h3 class="text-lg font-semibold mb-4 text-default">联系我们</h3>
-          <div class="space-y-3 text-muted">
-            <div class="flex items-center justify-center md:justify-start space-x-2 group">
-              <UIcon
-                  class="w-4 h-4 text-muted group-hover:text-primary transition-colors"
-                  name="i-heroicons-phone-20-solid"/>
-              <a class="group-hover:text-primary transition-colors" href="tel:133-7697-0966">
-                客服电话：133-7697-0966
-              </a>
+        <div id="contact-us" class="col-xs-8 col-lg-3 col-lg-offset-1">
+          <div class="row">
+            <div class="col-xs-8">
+              <h2>联系我们</h2>
+              <ul class="list-unstyled">
+                <li><span>客服电话：0755-85225123</span></li>
+                <li><span>商务合作：18123752516</span></li>
+                <li><span>反馈建议：yuxi@yuxiit.com</span></li>
+              </ul>
             </div>
-            <div class="flex items-center justify-center md:justify-start space-x-2 group">
-              <UIcon
-                  class="w-4 h-4 text-muted group-hover:text-primary transition-colors"
-                  name="i-heroicons-users-20-solid"/>
-              <a class="group-hover:text-primary transition-colors" href="tel:133-7697-0966">
-                商务合作： 133-7697-0966
-              </a>
-            </div>
-            <div class="flex items-center justify-center md:justify-start space-x-2 group">
-              <UIcon
-                  class="w-4 h-4 text-muted group极hover:text-primary transition-colors"
-                  name="i-heroicons-envelope-20-solid"/>
-              <a class="group-hover:text-primary transition-colors" href="mailto:564737095@qq.com">
-                反馈建议邮箱：564737095@qq.com
-              </a>
+            <div class="col-xs-4">
+              <!--                <img alt="联系我们" src="/img/img/qywx.png" style="width: 120px; margin-top: 20px;">-->
             </div>
           </div>
         </div>
+
       </div>
-
-
     </div>
-  </footer>
+  </div>
 </template>
 
 <script setup>
diff --git a/app/components/DevelopNews.vue b/app/components/DevelopNews.vue
index 78e85c0..bba3bb7 100644
--- a/app/components/DevelopNews.vue
+++ b/app/components/DevelopNews.vue
@@ -1,134 +1,52 @@
 <template>
-  <div class="bg-default py-12">
-    <div class="container mx-auto px-4 max-w-6xl">
-      <!-- 页面标题 -->
-      <div class="text-center mb-12">
-        <h1 class="text-3xl lg:text-4xl font-bold text-default mb-2">
-          开发资讯
-        </h1>
-        <p class="text-lg text-muted">NEWS</p>
+  <!--box3 新闻-->
+  <!-- <div style="background: #fafafa;"> -->
+  <div class="container">
+    <div class="text-center">
+      <div class="blank50"/>
+      <div
+          class="cBlack f_42 line42 marginB10 wow fadeInDown animated"
+          style="visibility: visible; animation-name: fadeInDown;"><!-- APP -->开发资讯
       </div>
+      <div class="cGray f_18 wow fadeInUp animated" style="visibility: visible; animation-name: fadeInUp;">NEWS</div>
+      <div class="blank20"/>
+      <div class="blank20"/>
+    </div>
 
-      <!-- 三栏资讯布局 -->
-      <div class="grid grid-cols-1 lg:grid-cols-3 gap-8">
+    <div
+        class="col-md-4 firstPageBox3Li wow fadeInDown animated active" data-wow-delay="300ms"
+        style="visibility: visible; animation-delay: 300ms; animation-name: fadeInDown;">
+      <div class="title f_22 cBlue text-center pointer" title="解决方案"/>
+      <hr>
+      <div class="blank20"/>
+      <ul/>
+      <div class="blank50"/>
+    </div>
 
-        <!-- 解决方案栏目 -->
-        <div class="bg-default border border-divider rounded-lg shadow-sm">
-          <div class="p-6 border-b border-divider">
-            <h2 class="text-xl font-semibold text-default">解决方案</h2>
-          </div>
-          <div class="p-6 space-y-6">
-            <div
-                v-for="article in articles.solutions"
-                :key="article.id"
-                class="group cursor-pointer"
-                @click="handleArticleClick(article.link)"
-            >
-              <h3 class="text-lg font-medium text-default group-hover:text-primary transition-colors mb-2 line-clamp-2">
-                {{ article.title }}
-              </h3>
-              <p class="text-sm text-muted">{{ article.date }}</p>
-            </div>
-          </div>
-        </div>
+    <div
+        class="col-md-4 firstPageBox3Li wow fadeInDown animated active" data-wow-delay="500ms"
+        style="visibility: visible; animation-delay: 500ms; animation-name: fadeInDown;">
+      <div class="title f_22 cBlue text-center pointer" title="开发知识"/>
+      <hr>
+      <div class="blank20"/>
+      <ul/>
+      <div class="blank50"/>
+    </div>
 
-        <!-- 开发知识栏目 -->
-        <div class="bg-default border border-divider rounded-lg shadow-sm">
-          <div class="p-6 border-b border-divider">
-            <h2 class="text-xl font-semibold text-default">开发知识</h2>
-          </div>
-          <div class="p-6 space-y-6">
-            <div
-                v-for="article in articles.knowledge"
-                :key="article.id"
-                class="group cursor-pointer"
-                @click="handleArticleClick(article.link)"
-            >
-              <h3 class="text-lg font-medium text-default group-hover:text-primary transition-colors mb-2">
-                {{ article.title }}
-              </h3>
-              <p class="text-sm text-muted">{{ article.date }}</p>
-            </div>
-          </div>
-        </div>
-
-        <!-- 行业动态栏目 -->
-        <div class="bg-default border border-divider rounded-lg shadow-sm">
-          <div class="p-6 border-b border-divider">
-            <h2 class="text-xl font-semibold text-default">行业动态</h2>
-          </div>
-          <div class="p-6 space-y-6">
-            <div
-                v-for="article in articles.trends"
-                :key="article.id"
-                class="group cursor-pointer"
-                @click="handleArticleClick(article.link)"
-            >
-              <h3 class="text-lg font-medium text-default group-hover:text-primary transition-colors mb-2">
-                {{ article.title }}
-              </h3>
-              <p class="text-sm text-muted">{{ article.date }}</p>
-            </div>
-          </div>
-        </div>
-      </div>
+    <div
+        class="col-md-4 firstPageBox3Li wow fadeInDown animated active" data-wow-delay="700ms"
+        style="visibility: visible; animation-delay: 700ms; animation-name: fadeInDown;">
+      <div class="title f_22 cBlue text-center pointer" title="行业动态"/>
+      <hr>
+      <div class="blank20"/>
+      <ul/>
+      <div class="blank50"/>
     </div>
   </div>
+  <!-- </div> -->
+
 </template>
 
-<script setup>
-// 数据定义
-const articles = {
-  solutions: [
-    {
-      id: 1,
-      title: "创特景区SaaS平台 打造专业景区共享出行综合解决方案",
-      date: "2025-07-08 12:40",
-      link: "/new"
-    },
-    {
-      id: 2,
-      title: "为什么说景区共享代步车的未来发展空间巨大?",
-      date: "2023-05-08 11:25",
-      link: "/news/scenic-shared-vehicle-future"
-    }
-  ],
-  knowledge: [
-    {
-      id: 3,
-      title: "共享电动车为何能在共享经济中独树一帜?",
-      date: "2023-06-29 12:26",
-      link: "/news/shared-ebike-unique-position"
-    },
-    {
-      id: 4,
-      title: "景区共享智能代步车运营方案有哪些?",
-      date: "2023-05-10 10:23",
-      link: "/news/scenic-smart-vehicle-operations"
-    }
-  ],
-  trends: [
-    {
-      id: 5,
-      title: "景区共享电动代步车如何引领景区发展趋势?",
-      date: "2024-12-11 23:53",
-      link: "/news/scenic-ebike-trend-leadership"
-    },
-    {
-      id: 6,
-      title: "景区共享观光代步车为何如此火爆?",
-      date: "2023-07-13 15:42",
-      link: "/news/scenic-sightseeing-vehicle-popularity"
-    }
-  ]
-}
-
-// 处理文章点击事件
-const handleArticleClick = (articleLink) => {
-  // 使用Nuxt的navigateTo进行路由跳转
-  navigateTo(articleLink)
-}
-</script>
 
 <style scoped>
 .line-clamp-2 {
diff --git a/app/components/index/index.vue b/app/components/index/index.vue
index 2b9a730..4f82381 100644
--- a/app/components/index/index.vue
+++ b/app/components/index/index.vue
@@ -678,168 +678,6 @@ onUnmounted(() => {
     </div>
 
 
-    <!--box3 新闻-->
-    <!-- <div style="background: #fafafa;"> -->
-    <div class="container">
-      <div class="text-center">
-        <div class="blank50"/>
-        <div
-            class="cBlack f_42 line42 marginB10 wow fadeInDown animated"
-            style="visibility: visible; animation-name: fadeInDown;"><!-- APP -->开发资讯
-        </div>
-        <div class="cGray f_18 wow fadeInUp animated" style="visibility: visible; animation-name: fadeInUp;">NEWS</div>
-        <div class="blank20"/>
-        <div class="blank20"/>
-      </div>
-
-      <div
-          class="col-md-4 firstPageBox3Li wow fadeInDown animated active" data-wow-delay="300ms"
-          style="visibility: visible; animation-delay: 300ms; animation-name: fadeInDown;">
-        <div class="title f_22 cBlue text-center pointer" title="解决方案"/>
-        <hr>
-        <div class="blank20"/>
-        <ul/>
-        <div class="blank50"/>
-      </div>
-
-      <div
-          class="col-md-4 firstPageBox3Li wow fadeInDown animated active" data-wow-delay="500ms"
-          style="visibility: visible; animation-delay: 500ms; animation-name: fadeInDown;">
-        <div class="title f_22 cBlue text-center pointer" title="开发知识"/>
-        <hr>
-        <div class="blank20"/>
-        <ul/>
-        <div class="blank50"/>
-      </div>
-
-      <div
-          class="col-md-4 firstPageBox3Li wow fadeInDown animated active" data-wow-delay="700ms"
-          style="visibility: visible; animation-delay: 700ms; animation-name: fadeInDown;">
-        <div class="title f_22 cBlue text-center pointer" title="行业动态"/>
-        <hr>
-        <div class="blank20"/>
-        <ul/>
-        <div class="blank50"/>
-      </div>
-    </div>
-    <!-- </div> -->
-
-
-    <!-- 底部 -->
-    <div class="footer">
-      <div class="container">
-        <div class="row">
-
-          <div class="col-xs-4 col-lg-2">
-            <h2>解决方案</h2>
-            <ul class="list-unstyled">
-              <li><a href="http://bike.yuxiit.com/" target="_blank">共享单车</a></li>
-              <!-- <li><a href="">共享汽车</a></li> -->
-              <li><a href="scooter.html">共享滑板车</a></li>
-              <li><a href="sharedbed.html">共享陪护床</a></li>
-              <li><a href="Ebike.html">共享电动车</a></li>
-              <li><a href="sharabank.html">共享充电宝</a></li>
-            </ul>
-          </div>
-
-          <div class="col-xs-4 col-lg-2">
-            <h2>行业方案</h2>
-            <ul class="list-unstyled">
-              <li><a class="menu-group" href="http://tianmei.yuxiit.com/" target="_blank" title="智慧餐饮">智慧餐饮</a>
-              </li>
-              <li><a href="http://hx.yuxiit.com/" target="_blank" title="智慧公寓">智慧公寓</a></li>
-              <li><a href="Internet_Things_ElectCar.html" target="_blank" title="智慧公寓">智能电动车</a></li>
-            </ul>
-          </div>
-
-          <div class="col-xs-4 col-lg-2">
-            <h2>软件开发</h2>
-            <ul class="list-unstyled">
-              <li><a href="http://wechat.yuxiit.com/" target="_blank">微信开发</a></li>
-              <li><a href="UI-s.html">APP开发</a></li>
-              <li><a href="proDevelop.html">小程序开发</a></li>
-            </ul>
-          </div>
-
-          <div class="col-xs-4 col-lg-2">
-            <h2>智能硬件</h2>
-            <ul class="list-unstyled">
-              <li><a href="Internet_Things.html" title="车锁">物联网应用定制</a></li>
-              <li><a href="Internet_Things_hardware.html" title="车锁">物联网智能硬件</a></li>
-              <li><a href="Internet_Things_IOT.html" title="联网控制器">物联网IOT云平台</a></li>
-            </ul>
-          </div>
-
-          <div id="contact-us" class="col-xs-8 col-lg-3 col-lg-offset-1">
-            <div class="row">
-              <div class="col-xs-8">
-                <h2>联系我们</h2>
-                <ul class="list-unstyled">
-                  <li><span>客服电话：0755-85225123</span></li>
-                  <li><span>商务合作：18123752516</span></li>
-                  <li><span>反馈建议：yuxi@yuxiit.com</span></li>
-                </ul>
-              </div>
-              <div class="col-xs-4">
-                <!--                <img alt="联系我们" src="/img/img/qywx.png" style="width: 120px; margin-top: 20px;">-->
-              </div>
-            </div>
-          </div>
-
-        </div>
-      </div>
-    </div>
-    <!--  -->
-    <div style="background: #000; color: #fff;">
-      <MARQUEE>
-        <!-- Keywords: -->
-        <a href="index-2.html" style="color: #fff;" target="_blank" title="深圳APP开发"><strong>共享APP开发-创特科技专注于共享陪护床，共享电动车，共享汽车，共享充电桩，共享家居电器，共享按摩椅，共享充电宝，共享滑板车等共享软件开发及物联网解决方案</strong></a>
-      </MARQUEE>
-    </div>
-    <!--  -->
-    <div class="containe min-footer text-center">
-      <div class="row">
-        <div class="col-xs-6">Copyright © 2013-2025深圳市创特科技有限公司 <a
-            href="http://beian.miit.gov.cn/"
-            target="_blank">粤ICP备14055703号-1</a>
-        </div>
-        <div class="col-xs-6">公司地址：深圳市龙华新区1970文化创意产业园A栋206</div>
-      </div>
-    </div>
-
-    <div class="col-xs-4 hidden-md hidden-lg">
-      <div class="servers">
-        <!--        <img id="getphones" alt="18123752516" src="/img/img/wecate.png">-->
-      </div>
-    </div>
-
-    <div id="myModal" class="modal fade">
-      <div class="modal-dialog" role="document">
-        <div class="modal-content">
-          <div class="modal-header" style="border: none">
-            <button aria-label="Close" class="close" data-dismiss="modal" type="button"><span
-                aria-hidden="true">&times;</span></button>
-            <h4 class="modal-title">复制成功</h4>
-          </div>
-          <div class="modal-body" style="text-align: center;">
-            <span class="glyphicon glyphicon-ok" style="color: green; font-size: 40px;"/>
-            <p>复制成功</p>
-            <p>手机号：18123752516</p>
-            <p>添加微信好友，详细了解产品。</p>
-          </div>
-          <div class="modal-footer" style="border: none">
-            <button
-                class="btn btn-default" data-dismiss="modal"
-                style="width: 100%; background: green; border: none; color: #fff;"
-                type="button">知道了
-            </button>
-            <!-- <button type="button" class="btn btn-primary">Save changes</button> -->
-          </div>
-        </div>
-      </div>
-    </div>
-
-
   </view>
 </template>
 
diff --git a/app/layouts/default.vue b/app/layouts/default.vue
index 70a2665..f494ed9 100644
--- a/app/layouts/default.vue
+++ b/app/layouts/default.vue
@@ -3,12 +3,10 @@
 
 <template>
   <div>
-
     <!--    <AppHeader/>-->
     <slot/>
-    <!--        <DevelopNews/>-->
-    <!--        <BottomNavigation/>-->
-    <!--        <AppFooter/>-->
-
+    <DevelopNews/>
+    <BottomNavigation/>
+    <AppFooter/>
   </div>
 </template>