提交

.vscode/settings.json

+{
+    "editor.formatOnSave": true,
+    "editor.formatOnPaste": true
+}
\ No newline at end of file

src/views/contact-us.vue

 <template>
   <div class="page flex-col">
 
-    <SecondHeader :title="'CONTACT US'"
-                  :bcUrl="bgHeaderUrl" :desc="'联系我们'"
-                  :btnGroup="[{ name:'联系我们', url:'/contact-us', isSelect:true
-			}]"/>
+    <SecondHeader :title="'CONTACT US'" :bcUrl="bgHeaderUrl" :desc="'联系我们'" :btnGroup="[{
+      name: '联系我们', url: '/contact-us', isSelect: true
+    }]" />
 
     <div class="box_3 flex-col">
       <div class="block_1 flex-row justify-between">
         <div class="box_4 flex-col">
           <div class="box_5 flex-row justify-between">
             <span class="text_5">携手阳生万物，共创健康未来</span>
-            <img class="image_3" src="@/assets/common/caidai.png"/>
+            <img class="image_3" src="@/assets/common/caidai.png" />
           </div>
           <span class="text_6">诚邀全球志同道合的合作伙伴，共享千亿级蓝海市场。</span>
           <div class="box_6 flex-col">
@@ -27,25 +26,25 @@
                 <span class="text_9">认同理念</span>
                 <span class="text_10">高度认可“物理能量健康”的未来趋势与公司品牌理念。</span>
               </div>
-              <img class="image_4" src="@/assets/common/shuxian.png"/>
+              <img class="image_4" src="@/assets/common/shuxian.png" />
               <div class="block_3 flex-col">
                 <div class="section_1 flex-col"></div>
                 <span class="text_11">资源与渠道</span>
                 <span class="text_12">拥有本地高端健康、医疗、美容、企业家圈层资源，或优质商业场地资源。</span>
               </div>
-              <img class="image_4" src="@/assets/common/shuxian.png"/>
+              <img class="image_4" src="@/assets/common/shuxian.png" />
               <div class="block_4 flex-col">
                 <div class="section_2 flex-col"></div>
                 <span class="text_13">资金实力</span>
                 <span class="text_14">具备一定的项目投资实力和市场开拓能力。</span>
               </div>
-              <img class="image_4" src="@/assets/common/shuxian.png"/>
+              <img class="image_4" src="@/assets/common/shuxian.png" />
               <div class="block_5 flex-col">
                 <div class="group_5 flex-col"></div>
                 <span class="text_15">运营能力</span>
                 <span class="text_16">拥有优秀的团队管理、市场运营和客户服务意识。</span>
               </div>
-              <img class="image_4" src="@/assets/common/shuxian.png"/>
+              <img class="image_4" src="@/assets/common/shuxian.png" />
               <div class="block_6 flex-col">
                 <div class="group_6 flex-col"></div>
                 <span class="text_17">长远眼光</span>
@@ -54,7 +53,7 @@
             </div>
           </div>
         </div>
-        <img class="image_8" src="@/assets/common/erweima.png"/>
+        <img class="image_8" src="@/assets/common/erweima.png" />
       </div>
       <div class="text-wrapper_2 flex-row">
         <span class="text_19">合作咨询表单</span>
@@ -63,32 +62,22 @@
         <span class="text_20">提交您的合作意向，我们将尽快与您联系。</span>
       </div>
       <div class="block_7 flex-row justify-between">
-        <el-input class="box_10" v-model="form.title" placeholder="* 您的姓名"/>
-        <el-input class="box_10" v-model="form.contactNumber" placeholder="* 联系电话"/>
+        <el-input class="box_10" v-model="form.title" placeholder="* 您的姓名" />
+        <el-input class="box_10" v-model="form.contactNumber" placeholder="* 联系电话" />
       </div>
       <div class="block_7 flex-row justify-between">
-        <el-input class="box_10" v-model="form.email" placeholder="* 电子邮箱"/>
-        <el-input class="box_10" v-model="form.address" placeholder="* 您所在的城市"/>
+        <el-input class="box_10" v-model="form.email" placeholder="* 电子邮箱" />
+        <el-input class="box_10" v-model="form.address" placeholder="* 您所在的城市" />
       </div>
       <div class="block_7 flex-row justify-between">
         <el-select v-model="form.mainBusiness" placeholder="* 主营业务/现有资源" class="box_10">
-          <el-option
-              v-for="item in jobList"
-              :key="item.value"
-              :label="item.label"
-              :value="item.value"
-          />
+          <el-option v-for="item in jobList" :key="item.value" :label="item.label" :value="item.value" />
         </el-select>
         <el-select v-model="form.intentionCooperation" placeholder="* 意向合作模式" class="box_10">
-          <el-option
-              v-for="item in typeList"
-              :key="item.value"
-              :label="item.label"
-              :value="item.value"
-          />
+          <el-option v-for="item in typeList" :key="item.value" :label="item.label" :value="item.value" />
         </el-select>
       </div>
-      <el-input class="block_12" type="textarea" :rows="7" v-model="form.question" placeholder="请输入您要咨询的问题"/>
+      <el-input class="block_12" type="textarea" :rows="7" v-model="form.question" placeholder="请输入您要咨询的问题" />
       <div class="block_13 flex-row">
         <div class="text-wrapper_11 align-center justify-center flex-col" @click="save" :class="{ 'loading': loading }">
           <span class="text_34" v-if="!loading">立即提交，开启财富之旅</span>
@@ -99,23 +88,16 @@
   </div>
 
 
-  <el-dialog
-      v-model="dialogVisible"
-      :showClose="false"
-      :width="dialogWidth"
-      class="dialog justify-center align-center"
-  >
+  <el-dialog v-model="dialogVisible" :showClose="false" :width="dialogWidth" class="dialog justify-center align-center">
     <div class="dialog_image-wrapper_1  justify-end">
-      <img src="@/assets/contactUs/close.png" class="dialog——label_1" @click="dialogVisible=false" alt=""/>
+      <img src="@/assets/contactUs/close.png" class="dialog——label_1" @click="dialogVisible = false" alt="" />
     </div>
     <div class="dialog_section_1 justify-center align-center flex-col">
       <div class="dialog_box_2 flex-row"></div>
       <div class="dialog_box_3 flex-row">
         <div class="dialog_text-group_1 flex-col">
           <span class="dialog_text_1">感谢您的提交！</span>
-          <span class="dialog_text_2"
-          >我们已收到您的合作意向，专业的人员将在24小时内与您联系，请保持电话畅通。</span
-          >
+          <span class="dialog_text_2">我们已收到您的合作意向，专业的人员将在24小时内与您联系，请保持电话畅通。</span>
         </div>
       </div>
       <div class="dialog_box_4 flex-row">
@@ -131,8 +113,8 @@
 </template>
 <script setup>
 import SecondHeader from '../components/second_header.vue'
-import {ref, computed, onMounted, onUnmounted} from "vue";
-import {ElMessage} from 'element-plus'
+import { ref, computed, onMounted, onUnmounted } from "vue";
+import { ElMessage } from 'element-plus'
 import bgHeaderUrl from '@/assets/contactUs/BC.png'
 
 const dialogVisible = ref(false)
@@ -244,7 +226,7 @@ const save = async () => {
     }
 
     // 使用代理路径，避免跨域问题
-    const API_URL = '/api/admin-api/system/officialwebsite/cooperation-consultation/submit-cooperation-consultation' // 通过Vite代理转发请求
+    const API_URL = 'https://service.wanyouziyu.com//admin-api/system/officialwebsite/cooperation-consultation/submit-cooperation-consultation' // 通过Vite代理转发请求
 
     const response = await fetch(API_URL, {
       method: 'PUT',
@@ -334,7 +316,7 @@ const jobList = ref([{
   label: '其他'
 }])
 </script>
-<style src="./common.css"/>
+<style src="./common.css" />
 <style scoped>
 .page {
   position: relative;
@@ -363,10 +345,10 @@ const jobList = ref([{
 
 .text_5 {
   background-image: linear-gradient(90deg,
-  rgba(0, 82, 217, 1) 0,
-  rgba(0, 82, 217, 1) 0,
-  rgba(0, 199, 218, 1) 100%,
-  rgba(0, 199, 218, 1) 100%);
+      rgba(0, 82, 217, 1) 0,
+      rgba(0, 82, 217, 1) 0,
+      rgba(0, 199, 218, 1) 100%,
+      rgba(0, 199, 218, 1) 100%);
   overflow-wrap: break-word;
   color: rgba(0, 82, 217, 1);
   font-size: 2.5vw;
@@ -720,12 +702,12 @@ const jobList = ref([{
   flex: 1;
 }
 
-.box_10 >>> .el-select__wrapper {
+.box_10>>>.el-select__wrapper {
   height: 50px;
   width: 100% !important;
 }
 
-.box_10 >>> .el-input__wrapper {
+.box_10>>>.el-input__wrapper {
   height: 50px;
   width: 100% !important;
 }
@@ -747,13 +729,13 @@ const jobList = ref([{
     max-width: 100%;
   }
 
-  .box_10 >>> .el-select__wrapper {
+  .box_10>>>.el-select__wrapper {
     height: 45px;
     width: 100% !important;
     max-width: 100%;
   }
 
-  .box_10 >>> .el-input__wrapper {
+  .box_10>>>.el-input__wrapper {
     height: 45px;
     width: 100% !important;
     max-width: 100%;
@@ -802,13 +784,13 @@ const jobList = ref([{
     max-width: 100%;
   }
 
-  .box_10 >>> .el-select__wrapper {
+  .box_10>>>.el-select__wrapper {
     height: 40px;
     width: 100% !important;
     max-width: 100%;
   }
 
-  .box_10 >>> .el-input__wrapper {
+  .box_10>>>.el-input__wrapper {
     height: 40px;
     width: 100% !important;
     max-width: 100%;

src/views/homepage.vue

@@ -249,27 +249,27 @@ const currentSlide = ref(1) // 从第二张开始，因为第一张是克隆的
 const carouselSlides = ref([
   {
     background: bg3, // 克隆最后一张
-    title: '产品优势 中国科学院专家创新研发',
-    description: '多模态物理能量场科学技术，创新再升级\n融合太赫兹波、远红外、交变磁场、氢分子、氧分子、热能量六维物理能量'
+    title: '多模态物理能量自愈舱的巅峰之作',
+    description: '中国科学院专家团队创新研发，技术行业领先\n多项国家发明专利及权威认证，科学背书，品质保障\n全球明星和富豪的健康标配'
   },
   {
     background: bg1,
-    title: '细胞级修复 重启生命活力',
+    title: '多模态物理能量自愈舱的巅峰之作',
     description: '中国科学院专家团队创新研发，技术行业领先\n多项国家发明专利及权威认证，科学背书，品质保障\n全球明星和富豪的健康标配'
   },
   {
     background: bg2,
     title: '多模态物理能量自愈舱的巅峰之作',
-    description: '科技重构生命能量，激活人体与生俱来的自愈潜能\n多模态物理复合能量场技术，尖端科技升级再创新'
+    description: '中国科学院专家团队创新研发，技术行业领先\n多项国家发明专利及权威认证，科学背书，品质保障\n全球明星和富豪的健康标配'
   },
   {
     background: bg3,
-    title: '产品优势 中国科学院专家创新研发',
-    description: '多模态物理能量场科学技术，创新再升级\n融合太赫兹波、远红外、交变磁场、氢分子、氧分子、热能量六维物理能量'
+    title: '多模态物理能量自愈舱的巅峰之作',
+    description: '中国科学院专家团队创新研发，技术行业领先\n多项国家发明专利及权威认证，科学背书，品质保障\n全球明星和富豪的健康标配'
   },
   {
     background: bg1, // 克隆第一张
-    title: '细胞级修复 重启生命活力',
+    title: '多模态物理能量自愈舱的巅峰之作',
     description: '中国科学院专家团队创新研发，技术行业领先\n多项国家发明专利及权威认证，科学背书，品质保障\n全球明星和富豪的健康标配'
   }
 ])
@@ -450,7 +450,7 @@ const save = async () => {
     }
 
     // 使用代理路径，避免跨域问题
-    const API_URL = '/api/admin-api/system/officialwebsite/contact-us/submit-contact-us' // 通过Vite代理转发请求
+    const API_URL = 'https://service.wanyouziyu.com//admin-api/system/officialwebsite/contact-us/submit-contact-us' // 通过Vite代理转发请求
 
     const response = await fetch(API_URL, {
       method: 'PUT',

vite.config.js

-import {defineConfig} from 'vite'
+import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
-import {resolve} from 'path'
+import { resolve } from 'path'
 
 export default defineConfig({
     plugins: [vue()],
@@ -20,14 +20,5 @@ export default defineConfig({
             host: 'localhost',
             protocol: 'ws'
         },
-        // 代理配置解决跨域问题
-        proxy: {
-            '/api': {
-                target: 'https://service.wanyouziyu.com/', // 替换为您的实际API域名
-                changeOrigin: true,
-                secure: true, // 如果是https接口，需要配置这个参数
-                rewrite: (path) => path.replace(/^\/api/, '') // 可选：重写路径
-            }
-        }
     }
 })