From e64a0704224668bc20e320b97aed7f4effb007da Mon Sep 17 00:00:00 2001
From: WindowBird <13870814+windows-bird@user.noreply.gitee.com>
Date: Tue, 21 Oct 2025 14:06:42 +0800
Subject: [PATCH] =?UTF-8?q?=E5=B9=BF=E5=91=8A=E6=B8=85=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/components/index/Carousel.vue | 500 +++++++++++++++---------------
 app/components/index/Logo.vue     |  26 +-
 app/components/index/index.vue    |  20 +-
 app/pages/index.vue               |  24 +-
 4 files changed, 285 insertions(+), 285 deletions(-)

diff --git a/app/components/index/Carousel.vue b/app/components/index/Carousel.vue
index eb1f378..7b666ab 100644
--- a/app/components/index/Carousel.vue
+++ b/app/components/index/Carousel.vue
@@ -1,284 +1,284 @@
-<template>
-  <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
-    <ol class="carousel-indicators" style="background-color: rgba(0,0,0,0.08);">
-      <li
-          v-for="(item, index) in carouselItems"
-          :key="index"
-          :class="{ active: index === currentSlide }"
-          :data-slide-to="index"
-          :data-target="`#carousel-example-generic`"
-          @click="goToSlide(index)"
-      />
-    </ol>
+<!--<template>-->
+<!--  <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">-->
+<!--    <ol class="carousel-indicators" style="background-color: rgba(0,0,0,0.08);">-->
+<!--      <li-->
+<!--          v-for="(item, index) in carouselItems"-->
+<!--          :key="index"-->
+<!--          :class="{ active: index === currentSlide }"-->
+<!--          :data-slide-to="index"-->
+<!--          :data-target="`#carousel-example-generic`"-->
+<!--          @click="goToSlide(index)"-->
+<!--      />-->
+<!--    </ol>-->
 
-    <!-- Wrapper for slides -->
-    <div class="carousel-inner" role="listbox">
-      <div
-          v-for="(item, index) in carouselItems"
-          :key="index"
-          :class="{ active: index === currentSlide }"
-          class="item"
-      >
-        <img
-            :alt="item.alt"
-            :src="item.image"
-            style="width: 100%;"
-        >
-        <div v-if="item.caption" class="carousel-caption">
-          <h2>{{ item.caption.title }}</h2>
-          <ul v-if="item.caption.links" class="list-unstyled hidden-xs hidden-sm">
-            <li v-for="(link, linkIndex) in item.caption.links" :key="linkIndex">
-              <a :href="link.href" :target="link.target">
-                <img :alt="link.alt" :src="link.image">
-              </a>
-              <span/>{{ link.text }}
-            </li>
-          </ul>
-        </div>
-      </div>
-    </div>
+<!--    &lt;!&ndash; Wrapper for slides &ndash;&gt;-->
+<!--    <div class="carousel-inner" role="listbox">-->
+<!--      <div-->
+<!--          v-for="(item, index) in carouselItems"-->
+<!--          :key="index"-->
+<!--          :class="{ active: index === currentSlide }"-->
+<!--          class="item"-->
+<!--      >-->
+<!--        <img-->
+<!--            :alt="item.alt"-->
+<!--            :src="item.image"-->
+<!--            style="width: 100%;"-->
+<!--        >-->
+<!--        <div v-if="item.caption" class="carousel-caption">-->
+<!--          <h2>{{ item.caption.title }}</h2>-->
+<!--          <ul v-if="item.caption.links" class="list-unstyled hidden-xs hidden-sm">-->
+<!--            <li v-for="(link, linkIndex) in item.caption.links" :key="linkIndex">-->
+<!--              <a :href="link.href" :target="link.target">-->
+<!--                <img :alt="link.alt" :src="link.image">-->
+<!--              </a>-->
+<!--              <span/>{{ link.text }}-->
+<!--            </li>-->
+<!--          </ul>-->
+<!--        </div>-->
+<!--      </div>-->
+<!--    </div>-->
 
-    <!-- Controls -->
-    <a
-        class="left carousel-control"
-        data-slide="prev"
-        href="#carousel-example-generic"
-        role="button"
-        @click.prevent="previousSlide"
-    >
-      <span aria-hidden="true" class="glyphicon glyphicon-chevron-left"/>
-      <span class="sr-only">Previous</span>
-    </a>
-    <a
-        class="right carousel-control"
-        data-slide="next"
-        href="#carousel-example-generic"
-        role="button"
-        @click.prevent="nextSlide"
-    >
-      <span aria-hidden="true" class="glyphicon glyphicon-chevron-right"/>
-      <span class="sr-only">Next</span>
-    </a>
-  </div>
-</template>
+<!--    &lt;!&ndash; Controls &ndash;&gt;-->
+<!--    <a-->
+<!--        class="left carousel-control"-->
+<!--        data-slide="prev"-->
+<!--        href="#carousel-example-generic"-->
+<!--        role="button"-->
+<!--        @click.prevent="previousSlide"-->
+<!--    >-->
+<!--      <span aria-hidden="true" class="glyphicon glyphicon-chevron-left"/>-->
+<!--      <span class="sr-only">Previous</span>-->
+<!--    </a>-->
+<!--    <a-->
+<!--        class="right carousel-control"-->
+<!--        data-slide="next"-->
+<!--        href="#carousel-example-generic"-->
+<!--        role="button"-->
+<!--        @click.prevent="nextSlide"-->
+<!--    >-->
+<!--      <span aria-hidden="true" class="glyphicon glyphicon-chevron-right"/>-->
+<!--      <span class="sr-only">Next</span>-->
+<!--    </a>-->
+<!--  </div>-->
+<!--</template>-->
 
-<script lang="ts" setup>
-import {ref, onMounted, onUnmounted} from 'vue'
+<!--<script lang="ts" setup>-->
+<!--import {ref, onMounted, onUnmounted} from 'vue'-->
 
-// 响应式数据
-const currentSlide = ref(2) // 默认显示第三张图片
-const autoPlayInterval = ref<NodeJS.Timeout | null>(null)
+<!--// 响应式数据-->
+<!--const currentSlide = ref(2) // 默认显示第三张图片-->
+<!--const autoPlayInterval = ref<NodeJS.Timeout | null>(null)-->
 
-// 轮播图数据
-const carouselItems = [
-  {
-    image: '/www.yuxiit.com/img/yuxiupdata/banner_2021_1.png',
-    alt: '成本降低，效率更高'
-  },
-  {
-    image: '/www.yuxiit.com/img/yuxiupdata/banner_2021_2.png',
-    alt: '成本降低，效率更高'
-  },
-  {
-    image: '/www.yuxiit.com/img/yuxiupdata/index23.png',
-    alt: '共享单车最佳拍档',
-  }
-]
+<!--// 轮播图数据-->
+<!--const carouselItems = [-->
+<!--  {-->
+<!--    image: '/www.yuxiit.com/img/yuxiupdata/banner_2021_1.png',-->
+<!--    alt: '成本降低，效率更高'-->
+<!--  },-->
+<!--  {-->
+<!--    image: '/www.yuxiit.com/img/yuxiupdata/banner_2021_2.png',-->
+<!--    alt: '成本降低，效率更高'-->
+<!--  },-->
+<!--  {-->
+<!--    image: '/www.yuxiit.com/img/yuxiupdata/index23.png',-->
+<!--    alt: '共享单车最佳拍档',-->
+<!--  }-->
+<!--]-->
 
-// 方法
-const goToSlide = (index: number) => {
-  currentSlide.value = index
-}
+<!--// 方法-->
+<!--const goToSlide = (index: number) => {-->
+<!--  currentSlide.value = index-->
+<!--}-->
 
-const nextSlide = () => {
-  currentSlide.value = (currentSlide.value + 1) % carouselItems.length
-}
+<!--const nextSlide = () => {-->
+<!--  currentSlide.value = (currentSlide.value + 1) % carouselItems.length-->
+<!--}-->
 
-const previousSlide = () => {
-  currentSlide.value = currentSlide.value === 0 ? carouselItems.length - 1 : currentSlide.value - 1
-}
+<!--const previousSlide = () => {-->
+<!--  currentSlide.value = currentSlide.value === 0 ? carouselItems.length - 1 : currentSlide.value - 1-->
+<!--}-->
 
-const startAutoPlay = () => {
-  autoPlayInterval.value = setInterval(() => {
-    nextSlide()
-  }, 5000) // 5秒自动切换
-}
+<!--const startAutoPlay = () => {-->
+<!--  autoPlayInterval.value = setInterval(() => {-->
+<!--    nextSlide()-->
+<!--  }, 5000) // 5秒自动切换-->
+<!--}-->
 
-const stopAutoPlay = () => {
-  if (autoPlayInterval.value) {
-    clearInterval(autoPlayInterval.value)
-    autoPlayInterval.value = null
-  }
-}
+<!--const stopAutoPlay = () => {-->
+<!--  if (autoPlayInterval.value) {-->
+<!--    clearInterval(autoPlayInterval.value)-->
+<!--    autoPlayInterval.value = null-->
+<!--  }-->
+<!--}-->
 
-// 生命周期
-onMounted(() => {
-  startAutoPlay()
-})
+<!--// 生命周期-->
+<!--onMounted(() => {-->
+<!--  startAutoPlay()-->
+<!--})-->
 
-onUnmounted(() => {
-  stopAutoPlay()
-})
-</script>
+<!--onUnmounted(() => {-->
+<!--  stopAutoPlay()-->
+<!--})-->
+<!--</script>-->
 
-<style scoped>
-.carousel {
-  position: relative;
-}
+<!--<style scoped>-->
+<!--.carousel {-->
+<!--  position: relative;-->
+<!--}-->
 
-.carousel-inner {
-  position: relative;
-  width: 100%;
-  overflow: hidden;
-}
+<!--.carousel-inner {-->
+<!--  position: relative;-->
+<!--  width: 100%;-->
+<!--  overflow: hidden;-->
+<!--}-->
 
-.carousel-inner > .item {
-  position: relative;
-  display: none;
-  transition: 0.6s ease-in-out left;
-}
+<!--.carousel-inner > .item {-->
+<!--  position: relative;-->
+<!--  display: none;-->
+<!--  transition: 0.6s ease-in-out left;-->
+<!--}-->
 
-.carousel-inner > .item.active {
-  display: block;
-}
+<!--.carousel-inner > .item.active {-->
+<!--  display: block;-->
+<!--}-->
 
-.carousel-inner > .item > img {
-  display: block;
-  width: 100%;
-  height: auto;
-}
+<!--.carousel-inner > .item > img {-->
+<!--  display: block;-->
+<!--  width: 100%;-->
+<!--  height: auto;-->
+<!--}-->
 
-.carousel-indicators {
-  position: absolute;
-  bottom: 10px;
-  left: 50%;
-  z-index: 15;
-  width: 60%;
-  padding-left: 0;
-  margin-left: -30%;
-  text-align: center;
-  list-style: none;
-}
+<!--.carousel-indicators {-->
+<!--  position: absolute;-->
+<!--  bottom: 10px;-->
+<!--  left: 50%;-->
+<!--  z-index: 15;-->
+<!--  width: 60%;-->
+<!--  padding-left: 0;-->
+<!--  margin-left: -30%;-->
+<!--  text-align: center;-->
+<!--  list-style: none;-->
+<!--}-->
 
-.carousel-indicators li {
-  display: inline-block;
-  width: 10px;
-  height: 10px;
-  margin: 1px;
-  text-indent: -999px;
-  cursor: pointer;
-  background-color: #000 \9;
-  background-color: rgba(0, 0, 0, 0);
-  border: 1px solid #fff;
-  border-radius: 10px;
-}
+<!--.carousel-indicators li {-->
+<!--  display: inline-block;-->
+<!--  width: 10px;-->
+<!--  height: 10px;-->
+<!--  margin: 1px;-->
+<!--  text-indent: -999px;-->
+<!--  cursor: pointer;-->
+<!--  background-color: #000 \9;-->
+<!--  background-color: rgba(0, 0, 0, 0);-->
+<!--  border: 1px solid #fff;-->
+<!--  border-radius: 10px;-->
+<!--}-->
 
-.carousel-indicators .active {
-  width: 12px;
-  height: 12px;
-  margin: 0;
-  background-color: #fff;
-}
+<!--.carousel-indicators .active {-->
+<!--  width: 12px;-->
+<!--  height: 12px;-->
+<!--  margin: 0;-->
+<!--  background-color: #fff;-->
+<!--}-->
 
-.carousel-control {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  width: 15%;
-  font-size: 20px;
-  color: #fff;
-  text-align: center;
-  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
-  background-color: rgba(0, 0, 0, 0);
-  filter: alpha(opacity=50);
-  opacity: .5;
-}
+<!--.carousel-control {-->
+<!--  position: absolute;-->
+<!--  top: 0;-->
+<!--  bottom: 0;-->
+<!--  left: 0;-->
+<!--  width: 15%;-->
+<!--  font-size: 20px;-->
+<!--  color: #fff;-->
+<!--  text-align: center;-->
+<!--  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);-->
+<!--  background-color: rgba(0, 0, 0, 0);-->
+<!--  filter: alpha(opacity=50);-->
+<!--  opacity: .5;-->
+<!--}-->
 
-.carousel-control.right {
-  right: 0;
-  left: auto;
-}
+<!--.carousel-control.right {-->
+<!--  right: 0;-->
+<!--  left: auto;-->
+<!--}-->
 
-.carousel-control:hover,
-.carousel-control:focus {
-  color: #fff;
-  text-decoration: none;
-  filter: alpha(opacity=70);
-  opacity: .7;
-}
+<!--.carousel-control:hover,-->
+<!--.carousel-control:focus {-->
+<!--  color: #fff;-->
+<!--  text-decoration: none;-->
+<!--  filter: alpha(opacity=70);-->
+<!--  opacity: .7;-->
+<!--}-->
 
-.carousel-control .icon-prev,
-.carousel-control .icon-next,
-.carousel-control .glyphicon-chevron-left,
-.carousel-control .glyphicon-chevron-right {
-  position: absolute;
-  top: 50%;
-  z-index: 5;
-  display: inline-block;
-  margin-top: -10px;
-}
+<!--.carousel-control .icon-prev,-->
+<!--.carousel-control .icon-next,-->
+<!--.carousel-control .glyphicon-chevron-left,-->
+<!--.carousel-control .glyphicon-chevron-right {-->
+<!--  position: absolute;-->
+<!--  top: 50%;-->
+<!--  z-index: 5;-->
+<!--  display: inline-block;-->
+<!--  margin-top: -10px;-->
+<!--}-->
 
-.carousel-control .icon-prev,
-.carousel-control .glyphicon-chevron-left {
-  left: 50%;
-  margin-left: -10px;
-}
+<!--.carousel-control .icon-prev,-->
+<!--.carousel-control .glyphicon-chevron-left {-->
+<!--  left: 50%;-->
+<!--  margin-left: -10px;-->
+<!--}-->
 
-.carousel-control .icon-next,
-.carousel-control .glyphicon-chevron-right {
-  right: 50%;
-  margin-right: -10px;
-}
+<!--.carousel-control .icon-next,-->
+<!--.carousel-control .glyphicon-chevron-right {-->
+<!--  right: 50%;-->
+<!--  margin-right: -10px;-->
+<!--}-->
 
-.carousel-caption {
-  position: absolute;
-  right: 15%;
-  bottom: 20px;
-  left: 15%;
-  z-index: 10;
-  padding-top: 20px;
-  padding-bottom: 20px;
-  color: #fff;
-  text-align: center;
-  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
-}
+<!--.carousel-caption {-->
+<!--  position: absolute;-->
+<!--  right: 15%;-->
+<!--  bottom: 20px;-->
+<!--  left: 15%;-->
+<!--  z-index: 10;-->
+<!--  padding-top: 20px;-->
+<!--  padding-bottom: 20px;-->
+<!--  color: #fff;-->
+<!--  text-align: center;-->
+<!--  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);-->
+<!--}-->
 
-.carousel-caption h2 {
-  font-size: 2.5em;
-  margin-bottom: 20px;
-}
+<!--.carousel-caption h2 {-->
+<!--  font-size: 2.5em;-->
+<!--  margin-bottom: 20px;-->
+<!--}-->
 
-.carousel-caption .list-unstyled {
-  list-style: none;
-  padding: 0;
-  margin: 0;
-}
+<!--.carousel-caption .list-unstyled {-->
+<!--  list-style: none;-->
+<!--  padding: 0;-->
+<!--  margin: 0;-->
+<!--}-->
 
-.carousel-caption .list-unstyled li {
-  display: inline-block;
-  margin: 0 10px;
-  vertical-align: top;
-}
+<!--.carousel-caption .list-unstyled li {-->
+<!--  display: inline-block;-->
+<!--  margin: 0 10px;-->
+<!--  vertical-align: top;-->
+<!--}-->
 
-.carousel-caption .list-unstyled a {
-  color: #fff;
-  text-decoration: none;
-}
+<!--.carousel-caption .list-unstyled a {-->
+<!--  color: #fff;-->
+<!--  text-decoration: none;-->
+<!--}-->
 
-.carousel-caption .list-unstyled img {
-  width: 50px;
-  height: 50px;
-  margin-bottom: 10px;
-}
+<!--.carousel-caption .list-unstyled img {-->
+<!--  width: 50px;-->
+<!--  height: 50px;-->
+<!--  margin-bottom: 10px;-->
+<!--}-->
 
-@media (max-width: 768px) {
-  .carousel-caption h2 {
-    font-size: 1.5em;
-  }
+<!--@media (max-width: 768px) {-->
+<!--  .carousel-caption h2 {-->
+<!--    font-size: 1.5em;-->
+<!--  }-->
 
-  .carousel-caption .list-unstyled {
-    display: none;
-  }
-}
-</style>
+<!--  .carousel-caption .list-unstyled {-->
+<!--    display: none;-->
+<!--  }-->
+<!--}-->
+<!--</style>-->
diff --git a/app/components/index/Logo.vue b/app/components/index/Logo.vue
index 5c7bc13..7e8dec8 100644
--- a/app/components/index/Logo.vue
+++ b/app/components/index/Logo.vue
@@ -1,14 +1,14 @@
-<template>
-  <NuxtLink class="flex items-center" to="/public">
+<!--<template>-->
+<!--  <NuxtLink class="flex items-center" to="/public">-->
 
-    <NuxtImg
-        alt="创特物联"
-        class="h-12 w-auto dark:invert"
-        loading="eager"
-        src="https://cbu01.alicdn.com/img/ibank/O1CN01uZ3fTP1Bs31lE2Mlf_!!0-0-cib.jpg"
-    />
-    创特物联
-  </NuxtLink>
-</template>
-<script lang="ts" setup>
-</script>
\ No newline at end of file
+<!--    <NuxtImg-->
+<!--        alt="创特物联"-->
+<!--        class="h-12 w-auto dark:invert"-->
+<!--        loading="eager"-->
+<!--        src="https://cbu01.alicdn.com/img/ibank/O1CN01uZ3fTP1Bs31lE2Mlf_!!0-0-cib.jpg"-->
+<!--    />-->
+<!--    创特物联-->
+<!--  </NuxtLink>-->
+<!--</template>-->
+<!--<script lang="ts" setup>-->
+<!--</script>-->
\ No newline at end of file
diff --git a/app/components/index/index.vue b/app/components/index/index.vue
index 9208379..2ccf330 100644
--- a/app/components/index/index.vue
+++ b/app/components/index/index.vue
@@ -7,12 +7,12 @@ import {
   smartHardwareData
 } from '~/data/indexData'
 
-// 处理锚点链接
-const handleAnchorLinks = () => {
-  if (window.location.hash) {
-    history.replaceState('', document.title, window.location.pathname + window.location.search)
-  }
-}
+// // 处理锚点链接
+// const handleAnchorLinks = () => {
+//   if (window.location.hash) {
+//     history.replaceState('', document.title, window.location.pathname + window.location.search)
+//   }
+// }
 
 // 解决方案标签页切换
 const handleSolutionTabHover = (index: number) => {
@@ -46,7 +46,7 @@ const handleDropdownImageHover = (index: number) => {
 }
 
 onMounted(() => {
-  handleAnchorLinks()
+  // handleAnchorLinks()
 
   // 绑定事件
   const solutionTabs = document.querySelectorAll('.solution .items-body li')
@@ -66,9 +66,9 @@ onMounted(() => {
     <!-- 轮播图 -->
     <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
       <ol class="carousel-indicators" style="background-color: rgba(0,0,0,0.08);">
-        <li data-slide-to="0" data-target="#carousel-example-generic" class="active"></li>
-        <li data-slide-to="1" data-target="#carousel-example-generic"></li>
-        <li data-slide-to="2" data-target="#carousel-example-generic"></li>
+        <li class="active" data-slide-to="0" data-target="#carousel-example-generic"/>
+        <li data-slide-to="1" data-target="#carousel-example-generic"/>
+        <li data-slide-to="2" data-target="#carousel-example-generic"/>
       </ol>
 
       <div class="carousel-inner" role="listbox">
diff --git a/app/pages/index.vue b/app/pages/index.vue
index 88467b6..7ab495d 100644
--- a/app/pages/index.vue
+++ b/app/pages/index.vue
@@ -15,18 +15,18 @@ useHead({
 
     {src: '/js/index.js'},
     {src: '/js/gopcOm.js'},
-    {
-      innerHTML: `
-        var _hmt = _hmt || [];
-        (function() {
-          var protocol = window.location.protocol === 'https:' ? 'https://' : 'http://';
-          var hm = document.createElement("script");
-          hm.src = protocol + "hm.baidu.com/h.js?${pageConfig.baiduAnalytics}";
-          var s = document.getElementsByTagName("script")[0]; 
-          s.parentNode.insertBefore(hm, s);
-        })();
-      `
-    }
+    // {
+    //   innerHTML: `
+    //     var _hmt = _hmt || [];
+    //     (function() {
+    //       var protocol = window.location.protocol === 'https:' ? 'https://' : 'http://';
+    //       var hm = document.createElement("script");
+    //       hm.src = protocol + "hm.baidu.com/h.js?${pageConfig.baiduAnalytics}";
+    //       var s = document.getElementsByTagName("script")[0];
+    //       s.parentNode.insertBefore(hm, s);
+    //     })();
+    //   `
+    // }
   ]
 })
 </script>