新增页面内部按钮跳转

src/views/contact-us.vue

@@ -226,7 +226,7 @@ const save = async () => {
     }
 
     // 使用代理路径，避免跨域问题
-    const API_URL = 'https://service.wanyouziyu.com//admin-api/system/officialwebsite/cooperation-consultation/submit-cooperation-consultation' // 通过Vite代理转发请求
+    const API_URL = 'https://service.sun2all.com/admin-api/system/officialwebsite/cooperation-consultation/submit-cooperation-consultation' // 通过Vite代理转发请求
 
     const response = await fetch(API_URL, {
       method: 'PUT',

src/views/homepage.vue

@@ -44,12 +44,12 @@
         </div>
         <span class="text_5">02.技术定位：多模态物理复合能量场新范式</span>
         <span class="text_6">多模态物理复合能量场技术，尖端科技升级再创新，科技健康管理先进设备。</span>
-        <div class="text-wrapper_1 align-center justify-center flex-col">
+        <div class="text-wrapper_1 align-center justify-center flex-col" @click="goToProduct" style="cursor: pointer;">
           <span class="text_7">READ&nbsp;MORE</span>
         </div>
         <div class="list_1 flex-row">
           <div class="list-items_1 flex-col" :style="{ background: item.lanhuBg0 }" v-for="(item, index) in loopData0"
-            :key="index" style="background-size: 100% 100%">
+            :key="index" style="background-size: 100% 100%; cursor: pointer;" @click="goToProduct">
             <div class="text-group_2 flex-col justify-between">
               <div>
                 <span class="text_8" v-html="item.lanhutext0"></span>
@@ -66,7 +66,7 @@
         </div>
       </div>
       <div class="product-advantages flex-row justify-between">
-        <div class="section_10 flex-col">
+        <div class="section_10 flex-col" @click="goToProduct" style="cursor: pointer;">
           <div class="text-group_3 flex-col justify-between">
             <span class="text_10">产品优势</span>
             <span class="text_11">中国科学院专家创新研发</span>
@@ -126,7 +126,7 @@
           </div>
         </div>
         <div class="group_4 flex-row justify-between">
-          <div class="box_9 flex-col">
+          <div class="box_9 flex-col" @click="goToProduct" style="cursor: pointer;">
             <div class="section_17 flex-col"></div>
             <div class="text-group_9 flex-col justify-between">
               <span class="text_25">产品应用</span>
@@ -141,7 +141,7 @@
             </div>
           </div>
           <div class="box_11 flex-row">
-            <div class="image-text_1 flex-row justify-between">
+            <div class="image-text_1 flex-row justify-between" @click="goToBrand" style="cursor: pointer;">
               <span class="text-group_11">READ MORE</span>
               <img class="image_16" src="@/assets/homepage/rightLong.png" />
             </div>
@@ -157,7 +157,7 @@
           <img class="image_17" src="@/assets/common/caidai.png" />
         </div>
         <div class="block_3 flex-row justify-between">
-          <div class="group_5 flex-col">
+          <div class="group_5 flex-col" @click="goToCooperation" style="cursor: pointer;">
             <div class="group_6 flex-row justify-between">
               <div class="group_7 flex-col justify-between">
                 <img class="image_18" src="@/assets/homepage/hand.png" />
@@ -169,7 +169,7 @@
               <span class="paragraph_4">资金实力雄厚，希望长期持有资产的机构（如高端康复中心、私立医院、健康管理机构）。<br /><br />计划快速回本并持续盈利的投资者。</span>
             </div>
           </div>
-          <div class="group_9 flex-col">
+          <div class="group_9 flex-col" @click="goToLease" style="cursor: pointer;">
             <div class="section_18 flex-row justify-between">
               <div class="block_4 flex-col justify-between">
                 <img class="image_19" src="@/assets/homepage/book.png" />
@@ -243,6 +243,7 @@ import bg2 from '@/assets/homepage/banner2.jpg'
 import bg3 from '@/assets/homepage/banner3.jpg'
 import { ref, computed, onMounted, onUnmounted } from "vue";
 import { ElMessage } from "element-plus";
+import { useRouter } from "vue-router";
 
 // 轮播图数据
 const currentSlide = ref(1) // 从第二张开始，因为第一张是克隆的最后一张
@@ -276,6 +277,21 @@ const carouselSlides = ref([
 
 const isTransitioning = ref(false)
 
+// 路由跳转
+const router = useRouter()
+const goToBrand = () => {
+  router.push('/brand')
+}
+const goToCooperation = () => {
+  router.push('/cooperation')
+}
+const goToLease = () => {
+  router.push('/lease')
+}
+const goToProduct = () => {
+  router.push('/Product')
+}
+
 // 轮播图控制函数
 const nextSlide = () => {
   if (isTransitioning.value) return
@@ -450,7 +466,7 @@ const save = async () => {
     }
 
     // 使用代理路径，避免跨域问题
-    const API_URL = 'https://service.wanyouziyu.com//admin-api/system/officialwebsite/contact-us/submit-contact-us' // 通过Vite代理转发请求
+    const API_URL = 'https://service.sun2all.com/admin-api/system/officialwebsite/contact-us/submit-contact-us' // 通过Vite代理转发请求
 
     const response = await fetch(API_URL, {
       method: 'PUT',
@@ -501,7 +517,7 @@ const resetForm = () => {
 .homepage-container {
   position: relative;
   width: 100vw;
-  height: 330vw;
+  height: 320vw;
   overflow: hidden;
 }
 
@@ -1518,9 +1534,6 @@ const resetForm = () => {
 }
 
 .box_15 {
-  position: absolute;
-  left: 0;
-  top: 281.25vw;
   width: 72.97vw;
   height: 38.08vw;
 }