refactor(home): 修复了客户评价模块轮播一圈后出现布局异常的问题；优化滚动返回顶部组件实现。

package.json

@@ -11,7 +11,7 @@
   "dependencies": {
     "animate.css": "^4.1.1",
     "jquery": "^3.6.1",
-    "swiper": "^8.4.5",
+    "swiper": "^11.2.10",
     "vue": "^3.2.41",
     "vue-router": "^4.1.6",
     "wow.js": "^1.2.2"

src/components/GoTop.vue

@@ -1,24 +1,40 @@
 <template>
-  <div id="GoTop" @click="GoTop()">
+  <div id="GoTop" v-if="showGoTop" @click="GoTop()">
     <span class="glyphicon glyphicon-chevron-up"></span>
   </div>
 </template>
 
+
 <script setup name="GoTop">
-import { ref } from 'vue'
-const flag = ref(false)
+import { ref, onMounted, onUnmounted } from 'vue'
+
+const showGoTop = ref(false)
+let animationFrameId = null
+
+function handleScroll() {
+  showGoTop.value = window.pageYOffset > 300
+}
+
 function GoTop() {
-  ;(function smoothscroll() {
-    var currentScroll =
-      document.documentElement.scrollTop || document.body.scrollTop
-    if (currentScroll > 0) {
-      window.requestAnimationFrame(smoothscroll)
-      window.scrollTo(0, currentScroll - currentScroll / 10)
-    }
-  })()
+  window.scrollTo({
+    top: 0,
+    behavior: 'smooth'
+  });
 }
+
+onMounted(() => {
+  window.addEventListener('scroll', handleScroll)
+})
+
+onUnmounted(() => {
+  window.removeEventListener('scroll', handleScroll)
+  if (animationFrameId) {
+    window.cancelAnimationFrame(animationFrameId)
+  }
+})
 </script>
 
+
 <style scoped>
 #GoTop {
   width: 50px;
@@ -30,7 +46,7 @@ function GoTop() {
   cursor: pointer;
 }
 
-#GoTop > span {
+#GoTop>span {
   display: block;
   width: 100%;
   height: 100%;

src/view/HomePage.vue

@@ -171,15 +171,13 @@
 <script setup name="HomePage">
 import WOW from 'wow.js'
 import { getCurrentInstance, onMounted } from 'vue'
-// import Swiper from 'swiper'
-import { Navigation, Pagination, Scrollbar, A11y, Lazy, Autoplay } from 'swiper'
-import { Swiper, SwiperSlide } from 'swiper/vue'
-import 'swiper/css'
-import 'swiper/css/navigation'
-import 'swiper/css/pagination'
-import 'swiper/css/scrollbar'
-import 'swiper/css/lazy'
-import 'swiper/css/autoplay'
+import {Swiper, SwiperSlide} from 'swiper/vue';
+import {Navigation, Pagination, A11y, Autoplay, Scrollbar} from 'swiper/modules';
+const modules = [Navigation, Pagination, A11y, Autoplay,Scrollbar];
+import 'swiper/css';
+import 'swiper/css/navigation';
+import 'swiper/css/pagination';
+import 'swiper/css/autoplay';
 
 import banner1 from '@/assets/img/banner1.png'
 import banner2 from '@/assets/img/banner2.jpg'
@@ -216,7 +214,6 @@ const swiperList = [
   }
 ]
 
-const modules = [Navigation, Pagination, Scrollbar, A11y, Lazy, Autoplay]
 
 const customerList = [
   {

vite.config.js.timestamp-1762852702851.mjs

@@ -0,0 +1,35 @@
+// vite.config.js
+import { resolve } from "path";
+import { defineConfig, loadEnv } from "file:///E:/GitHub/official-website/node_modules/vite/dist/node/index.js";
+import vue from "file:///E:/GitHub/official-website/node_modules/@vitejs/plugin-vue/dist/index.mjs";
+import inject from "file:///E:/GitHub/official-website/node_modules/@rollup/plugin-inject/dist/es/index.js";
+import { createHtmlPlugin } from "file:///E:/GitHub/official-website/node_modules/vite-plugin-html/dist/index.mjs";
+var __vite_injected_original_dirname = "E:\\GitHub\\official-website";
+var vite_config_default = defineConfig({
+  base: "/official-website/",
+  plugins: [
+    vue(),
+    inject({
+      $: "jquery",
+      jQuery: "jquery",
+      "windows.jQuery": "jquery",
+      BMap: "BMap"
+    }),
+    createHtmlPlugin({
+      inject: {
+        data: {
+          VITE_APP_VERSION: new Date().toLocaleString()
+        }
+      }
+    })
+  ],
+  resolve: {
+    alias: {
+      "@": resolve(__vite_injected_original_dirname, "./src")
+    }
+  }
+});
+export {
+  vite_config_default as default
+};
+//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsidml0ZS5jb25maWcuanMiXSwKICAic291cmNlc0NvbnRlbnQiOiBbImNvbnN0IF9fdml0ZV9pbmplY3RlZF9vcmlnaW5hbF9kaXJuYW1lID0gXCJFOlxcXFxHaXRIdWJcXFxcb2ZmaWNpYWwtd2Vic2l0ZVwiO2NvbnN0IF9fdml0ZV9pbmplY3RlZF9vcmlnaW5hbF9maWxlbmFtZSA9IFwiRTpcXFxcR2l0SHViXFxcXG9mZmljaWFsLXdlYnNpdGVcXFxcdml0ZS5jb25maWcuanNcIjtjb25zdCBfX3ZpdGVfaW5qZWN0ZWRfb3JpZ2luYWxfaW1wb3J0X21ldGFfdXJsID0gXCJmaWxlOi8vL0U6L0dpdEh1Yi9vZmZpY2lhbC13ZWJzaXRlL3ZpdGUuY29uZmlnLmpzXCI7aW1wb3J0IHsgcmVzb2x2ZSB9IGZyb20gJ3BhdGgnXHJcbmltcG9ydCB7IGRlZmluZUNvbmZpZywgbG9hZEVudiB9IGZyb20gJ3ZpdGUnXHJcbmltcG9ydCB2dWUgZnJvbSAnQHZpdGVqcy9wbHVnaW4tdnVlJ1xyXG5pbXBvcnQgaW5qZWN0IGZyb20gJ0Byb2xsdXAvcGx1Z2luLWluamVjdCdcclxuaW1wb3J0IHsgY3JlYXRlSHRtbFBsdWdpbiB9IGZyb20gJ3ZpdGUtcGx1Z2luLWh0bWwnXHJcblxyXG4vLyBodHRwczovL3ZpdGVqcy5kZXYvY29uZmlnL1xyXG5leHBvcnQgZGVmYXVsdCBkZWZpbmVDb25maWcoe1xyXG4gIGJhc2U6ICcvb2ZmaWNpYWwtd2Vic2l0ZS8nLFxyXG4gIHBsdWdpbnM6IFtcclxuICAgIHZ1ZSgpLFxyXG4gICAgaW5qZWN0KHtcclxuICAgICAgJDogJ2pxdWVyeScsIC8vIFx1OEZEOVx1OTFDQ1x1NEYxQVx1ODFFQVx1NTJBOFx1OEY3RFx1NTE2NSBub2RlX21vZHVsZXMgXHU0RTJEXHU3Njg0IGpxdWVyeVxyXG4gICAgICBqUXVlcnk6ICdqcXVlcnknLFxyXG4gICAgICAnd2luZG93cy5qUXVlcnknOiAnanF1ZXJ5JyxcclxuICAgICAgQk1hcDogJ0JNYXAnXHJcbiAgICB9KSxcclxuICAgIGNyZWF0ZUh0bWxQbHVnaW4oe1xyXG4gICAgICAvKipcclxuICAgICAgICogXHU5NzAwXHU4OTgxXHU2Q0U4XHU1MTY1IGluZGV4Lmh0bWwgZWpzIFx1NkEyMVx1NzI0OFx1NzY4NFx1NjU3MFx1NjM2RVxyXG4gICAgICAgKiBodHRwczovL2Jsb2cuY3Nkbi5uZXQvU2lsZW5jZUp1ZGUvYXJ0aWNsZS9kZXRhaWxzLzEyODI5NzM3MVxyXG4gICAgICAgKi9cclxuICAgICAgaW5qZWN0OiB7XHJcbiAgICAgICAgZGF0YToge1xyXG4gICAgICAgICAgVklURV9BUFBfVkVSU0lPTjogbmV3IERhdGUoKS50b0xvY2FsZVN0cmluZygpXHJcbiAgICAgICAgfVxyXG4gICAgICB9XHJcbiAgICB9KVxyXG4gIF0sXHJcbiAgcmVzb2x2ZToge1xyXG4gICAgYWxpYXM6IHtcclxuICAgICAgJ0AnOiByZXNvbHZlKF9fZGlybmFtZSwgJy4vc3JjJylcclxuICAgIH1cclxuICB9XHJcbn0pXHJcblxyXG4iXSwKICAibWFwcGluZ3MiOiAiO0FBQXNRLFNBQVMsZUFBZTtBQUM5UixTQUFTLGNBQWMsZUFBZTtBQUN0QyxPQUFPLFNBQVM7QUFDaEIsT0FBTyxZQUFZO0FBQ25CLFNBQVMsd0JBQXdCO0FBSmpDLElBQU0sbUNBQW1DO0FBT3pDLElBQU8sc0JBQVEsYUFBYTtBQUFBLEVBQzFCLE1BQU07QUFBQSxFQUNOLFNBQVM7QUFBQSxJQUNQLElBQUk7QUFBQSxJQUNKLE9BQU87QUFBQSxNQUNMLEdBQUc7QUFBQSxNQUNILFFBQVE7QUFBQSxNQUNSLGtCQUFrQjtBQUFBLE1BQ2xCLE1BQU07QUFBQSxJQUNSLENBQUM7QUFBQSxJQUNELGlCQUFpQjtBQUFBLE1BS2YsUUFBUTtBQUFBLFFBQ04sTUFBTTtBQUFBLFVBQ0osa0JBQWtCLElBQUksS0FBSyxFQUFFLGVBQWU7QUFBQSxRQUM5QztBQUFBLE1BQ0Y7QUFBQSxJQUNGLENBQUM7QUFBQSxFQUNIO0FBQUEsRUFDQSxTQUFTO0FBQUEsSUFDUCxPQUFPO0FBQUEsTUFDTCxLQUFLLFFBQVEsa0NBQVcsT0FBTztBQUFBLElBQ2pDO0FBQUEsRUFDRjtBQUNGLENBQUM7IiwKICAibmFtZXMiOiBbXQp9Cg==