提交。开始适配手机端

src/components/Footer.vue

@@ -4,16 +4,16 @@
       <div class="footer_box flex-col">
         <span class="footer_title">公司备案信息</span>
         <span class="text_44"
-          style="margin-top: 1vw;">经营许可证编号：川B2-20240967&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;ICP备案/许可证号：京ICP备2025127186号-2</span>
+          style="margin-top: 1vw;">经营许可证编号：京ICP备2025127186号-2&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;ICP备案/许可证号：京ICP备2025127186号-2</span>
         <div class="flex-row" style="margin-top: 3vw;">
           <span class="footer_title">联系我们</span>
           <span
-            class="footer_title">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;导航</span>
+            class="footer_title">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;导航</span>
         </div>
         <div class=" flex-row" style="margin-top:1vw;">
-          <span class="text_44">客服热线：400-888-9999</span>
+          <span class="text_44">联系我们：18610051468/13810383435</span>
           <span
-            class="text_44">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;企业总部地址：四川省成都市天府新区正兴街道上和领誉</span>
+            class="text_44">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;企业总部地址：北京市朝阳区望京SOHOT2-A座</span>
         </div>
       </div>
       <span class="paragraph_6">微信扫一扫<br />关注阳生万物微信</span>

src/views/contact-us.vue

@@ -3,14 +3,14 @@
 
     <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">
@@ -26,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>
@@ -53,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>
@@ -62,22 +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>
@@ -90,7 +90,7 @@
 
   <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>
@@ -103,7 +103,7 @@
       <div class="dialog_box_4 flex-row">
         <div class="dialog_text-wrapper_1 justify-center align-center">
           <span class="dialog_text_3">直接联系信息：</span>
-          <span class="dialog_text_4">{{ submit.phton }}（{{ submit.name }}）</span>
+          <span class="dialog_text_4">18610051468（刘晓云）/13810383435（刘震）</span>
         </div>
       </div>
     </div>
@@ -113,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)
@@ -157,11 +157,6 @@ const form = ref({
   question: ''
 })
 
-const submit = ref({
-  title: '',
-  phton: ''
-})
-
 // 表单验证规则
 const validateForm = () => {
   if (!form.value.title.trim()) {
@@ -243,8 +238,6 @@ const save = async () => {
       // 显示成功对话框
       dialogVisible.value = true
 
-      submit.value.name = form.value.title
-      submit.value.phton = form.value.contactNumber
       // 重置表单
       resetForm()
 
@@ -316,7 +309,7 @@ const jobList = ref([{
   label: '其他'
 }])
 </script>
-<style src="./common.css" />
+<style src="./common.css"/>
 <style scoped>
 .page {
   position: relative;
@@ -345,10 +338,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;
@@ -702,12 +695,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;
 }
@@ -729,13 +722,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%;
@@ -784,13 +777,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

@@ -6,13 +6,13 @@
         <!-- 轮播图容器 -->
         <div class="carousel-container" @mouseenter="stopAutoPlay" @mouseleave="startAutoPlay">
           <div class="carousel-slides" :class="{ 'no-transition': isTransitioning }"
-            :style="{ transform: `translateX(-${currentSlide * 100}%)` }">
+               :style="{ transform: `translateX(-${currentSlide * 100}%)` }">
             <div v-for="(slide, index) in carouselSlides" :key="index" class="carousel-slide"
-              :style="{ backgroundImage: `url(${slide.background})` }">
+                 :style="{ backgroundImage: `url(${slide.background})` }">
               <div class="slide-content">
                 <span class="paragraph_1">{{ slide.title }}</span>
                 <span class="paragraph_2">{{ slide.description }}</span>
-                <img class="image_4" src="@/assets/homepage/readMore.png" />
+                <!--                <img class="image_4" src="@/assets/homepage/readMore.png"/>-->
               </div>
             </div>
           </div>
@@ -20,17 +20,17 @@
           <!-- 轮播控制按钮 -->
           <div class="section_9 flex-row justify-center">
             <div style="width: 50%;" class="align-center justify-center" @click="prevSlide">
-              <img class="image_7 " src="@/assets/homepage/left.png" />
+              <img class="image_7 " src="@/assets/homepage/left.png"/>
             </div>
             <div style="width: 50%;" class="align-center justify-center" @click="nextSlide">
-              <img class="image_7" src="@/assets/homepage/right.png" />
+              <img class="image_7" src="@/assets/homepage/right.png"/>
             </div>
           </div>
 
           <!-- 轮播指示器 -->
           <div class="carousel-indicators">
             <span v-for="index in 3" :key="index" class="indicator" :class="{ active: currentSlide === index }"
-              @click="goToSlide(index - 1)"></span>
+                  @click="goToSlide(index - 1)"></span>
           </div>
         </div>
       </div>
@@ -40,7 +40,7 @@
             <span class="text_3">多模态物理能量自愈舱的巅峰之作</span>
             <span class="text_4">科技重构生命能量，激活人体与生俱来的自愈潜能</span>
           </div>
-          <img class="image_9" src="@/assets/common/caidai.png" />
+          <img class="image_9" src="@/assets/common/caidai.png"/>
         </div>
         <span class="text_5">02.技术定位：多模态物理复合能量场新范式</span>
         <span class="text_6">多模态物理复合能量场技术，尖端科技升级再创新，科技健康管理先进设备。</span>
@@ -49,7 +49,7 @@
         </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%; cursor: pointer;" @click="goToProduct">
+               :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>
@@ -58,9 +58,9 @@
               <span class="text_9" v-html="item.lanhutext1"></span>
             </div>
             <div class="image-wrapper_3 flex-row">
-              <img class="label_3" :src="item.lanhuimage0" />
-              <img v-if="item.slot2 === 2" class="image_10" :src="item.specialSlot2.lanhuimage0" />
-              <img v-if="item.slot1 === 1" class="image_11" src="@/assets/homepage/sl.png" />
+              <img class="label_3" :src="item.lanhuimage0"/>
+              <img v-if="item.slot2 === 2" class="image_10" :src="item.specialSlot2.lanhuimage0"/>
+              <img v-if="item.slot1 === 1" class="image_11" src="@/assets/homepage/sl.png"/>
             </div>
           </div>
         </div>
@@ -71,19 +71,20 @@
             <span class="text_10">产品优势</span>
             <span class="text_11">中国科学院专家创新研发</span>
           </div>
-          <img class="image_12" src="@/assets/homepage/lbx.png" />
+          <img class="image_12" src="@/assets/homepage/lbx.png"/>
           <span class="text_12">INNOVATION UPGRADE</span>
           <div class="text-group_4 flex-col justify-between">
-            <span class="paragraph_3">多模态物理能量场<br />科学技术，创新再升级</span>
-            <span class="text_13">融合太赫兹波、远红外、交变磁场、氢分子、氧分子、热能量六维物理能量，直击细胞本源，提升细胞活力，激活人体与生俱来的自愈力。</span>
+            <span class="paragraph_3">多模态物理能量场<br/>科学技术，创新再升级</span>
+            <span
+                class="text_13">融合太赫兹波、远红外、交变磁场、氢分子、氧分子、热能量六维物理能量，直击细胞本源，提升细胞活力，激活人体与生俱来的自愈力。</span>
           </div>
         </div>
         <div class="section_11 flex-col">
           <div class="image-wrapper_4 flex-row">
-            <img class="image_13" src="@/assets/common/caidai2.png" />
+            <img class="image_13" src="@/assets/common/caidai2.png"/>
           </div>
           <div class="image-wrapper_5 flex-row">
-            <img class="image_14" src="@/assets/homepage/jz.png" />
+            <img class="image_14" src="@/assets/homepage/jz.png"/>
           </div>
           <div class="text-wrapper_2 flex-row">
             <span class="text_14">AUTHORITATIVE PLATFORM</span>
@@ -102,7 +103,7 @@
             <span class="text_17">关于我们</span>
             <span class="text_18">一家专注于多模态物理能量自愈技术研发与应用的创新科技企业</span>
           </div>
-          <img class="image_15" src="@/assets/common/caidai.png" />
+          <img class="image_15" src="@/assets/common/caidai.png"/>
         </div>
         <div class="group_3 flex-row justify-between">
           <div class="section_13 flex-col">
@@ -143,7 +144,7 @@
           <div class="box_11 flex-row">
             <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" />
+              <img class="image_16" src="@/assets/homepage/rightLong.png"/>
             </div>
           </div>
         </div>
@@ -154,31 +155,32 @@
             <span class="text_29">合作优势</span>
             <span class="text_30">轻资产运营，高回报收益，共享万亿健康产业红利</span>
           </div>
-          <img class="image_17" src="@/assets/common/caidai.png" />
+          <img class="image_17" src="@/assets/common/caidai.png"/>
         </div>
         <div class="block_3 flex-row justify-between">
           <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" />
+                <img class="image_18" src="@/assets/homepage/hand.png"/>
                 <span class="text_31">设备购买模式</span>
               </div>
               <div class="group_8 flex-col"></div>
             </div>
             <div class="text-wrapper_3 flex-row">
-              <span class="paragraph_4">资金实力雄厚，希望长期持有资产的机构（如高端康复中心、私立医院、健康管理机构）。<br /><br />计划快速回本并持续盈利的投资者。</span>
+              <span
+                  class="paragraph_4">资金实力雄厚，希望长期持有资产的机构（如高端康复中心、私立医院、健康管理机构）。<br/><br/>计划快速回本并持续盈利的投资者。</span>
             </div>
           </div>
           <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" />
+                <img class="image_19" src="@/assets/homepage/book.png"/>
                 <span class="text_32">设备租赁模式</span>
               </div>
               <div class="block_5 flex-col"></div>
             </div>
             <div class="text-wrapper_4 flex-row">
-              <span class="paragraph_5">初创健康机构、健身工作室、美容院等，降低初期投入风险。<br />想试运营验证市场需求的投资者。</span>
+              <span class="paragraph_5">初创健康机构、健身工作室、美容院等，降低初期投入风险。<br/>想试运营验证市场需求的投资者。</span>
             </div>
           </div>
         </div>
@@ -189,14 +191,15 @@
             <span class="text_17">联系我们</span>
             <span class="text_18">开启您的健康科技事业</span>
           </div>
-          <img class="image_9" src="@/assets/common/caidai.png" />
+          <img class="image_9" src="@/assets/common/caidai.png"/>
         </div>
         <div class="group_11 flex-row justify-between">
-          <el-input class="text-wrapper_7" v-model="form.name" placeholder="您的姓名" />
-          <el-input class="text-wrapper_8" v-model="form.mobile" placeholder="您的手机" />
-          <el-input class="text-wrapper_9" v-model="form.wechat" placeholder="您的微信" />
+          <el-input class="text-wrapper_7" v-model="form.name" placeholder="您的姓名"/>
+          <el-input class="text-wrapper_8" v-model="form.mobile" placeholder="您的手机"/>
+          <el-input class="text-wrapper_9" v-model="form.wechat" placeholder="您的微信"/>
         </div>
-        <el-input class="text-wrapper_10" v-model="form.question" type="textarea" :rows="7" placeholder="请输入您要咨询的问题" />
+        <el-input class="text-wrapper_10" v-model="form.question" type="textarea" :rows="7"
+                  placeholder="请输入您要咨询的问题"/>
         <div class="group_12 flex-row justify-between">
           <span class="text_45">*&nbsp;您提交的信息请确保填写真实，以便我们再48小时内联系您</span>
           <div class="text-wrapper_11 align-center justify-center flex-col" @click="save">
@@ -210,7 +213,7 @@
 
   <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>
@@ -223,7 +226,7 @@
       <div class="dialog_box_4 flex-row">
         <div class="dialog_text-wrapper_1 justify-center align-center">
           <span class="dialog_text_3">直接联系信息：</span>
-          <span class="dialog_text_4">{{ submit.phton }}（{{ submit.name }}）</span>
+          <span class="dialog_text_4">18610051468（刘晓云）/13810383435（刘震）</span>
         </div>
       </div>
     </div>
@@ -241,36 +244,36 @@ import hdIcon from '@/assets/homepage/hd.png'
 import bg1 from '@/assets/homepage/BC.png'
 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";
+import {ref, computed, onMounted, onUnmounted} from "vue";
+import {ElMessage} from "element-plus";
+import {useRouter} from "vue-router";
 
 // 轮播图数据
 const currentSlide = ref(1) // 从第二张开始，因为第一张是克隆的最后一张
 const carouselSlides = ref([
   {
     background: bg3, // 克隆最后一张
-    title: '多模态物理能量自愈舱的巅峰之作',
+    title: '多模态物理能量自愈舱的巅峰之作5',
     description: '中国科学院专家团队创新研发，技术行业领先\n多项国家发明专利及权威认证，科学背书，品质保障\n全球明星和富豪的健康标配'
   },
   {
     background: bg1,
-    title: '多模态物理能量自愈舱的巅峰之作',
+    title: '细胞级修复 重启生命活力',
     description: '中国科学院专家团队创新研发，技术行业领先\n多项国家发明专利及权威认证，科学背书，品质保障\n全球明星和富豪的健康标配'
   },
   {
     background: bg2,
-    title: '多模态物理能量自愈舱的巅峰之作',
-    description: '中国科学院专家团队创新研发，技术行业领先\n多项国家发明专利及权威认证，科学背书，品质保障\n全球明星和富豪的健康标配'
+    title: '享誉世界的自愈舱 健康科技新纪元',
+    description: '多模态物理能量舱，激活细胞自愈密码'
   },
   {
     background: bg3,
-    title: '多模态物理能量自愈舱的巅峰之作',
-    description: '中国科学院专家团队创新研发，技术行业领先\n多项国家发明专利及权威认证，科学背书，品质保障\n全球明星和富豪的健康标配'
+    title: '选择阳生万物自愈舱的理由',
+    description: '六维物理能量矩阵 细胞级生物修复系统'
   },
   {
     background: bg1, // 克隆第一张
-    title: '多模态物理能量自愈舱的巅峰之作',
+    title: '多模态物理能量自愈舱的巅峰之作1',
     description: '中国科学院专家团队创新研发，技术行业领先\n多项国家发明专利及权威认证，科学背书，品质保障\n全球明星和富豪的健康标配'
   }
 ])
@@ -358,11 +361,6 @@ const form = ref({
   question: ''
 })
 
-const submit = ref({
-  title: '',
-  phton: ''
-})
-
 const dialogVisible = ref(false)
 
 // 响应式dialog宽度
@@ -400,26 +398,26 @@ const loopData0 = ref([{
   lanhuimage0: addIcon,
   slot1: 1,
 },
-{
-  lanhuBg0: `url(${content2}) center no-repeat`,
-  lanhutext0: 'TECHNICAL<br/>POSITIONING',
-  lanhutext1: '技术定位',
-  lanhuimage0: addIcon,
-  specialSlot2: {
-    lanhuimage0: lbxIcon,
+  {
+    lanhuBg0: `url(${content2}) center no-repeat`,
+    lanhutext0: 'TECHNICAL<br/>POSITIONING',
+    lanhutext1: '技术定位',
+    lanhuimage0: addIcon,
+    specialSlot2: {
+      lanhuimage0: lbxIcon,
+    },
+    slot2: 2,
   },
-  slot2: 2,
-},
-{
-  lanhuBg0: `url(${content3}) center no-repeat`,
-  lanhutext0: 'CELL CHARGING<br/>STATION',
-  lanhutext1: '人体细胞的无限充电站',
-  lanhuimage0: addIcon,
-  specialSlot2: {
-    lanhuimage0: hdIcon,
+  {
+    lanhuBg0: `url(${content3}) center no-repeat`,
+    lanhutext0: 'CELL CHARGING<br/>STATION',
+    lanhutext1: '人体细胞的无限充电站',
+    lanhuimage0: addIcon,
+    specialSlot2: {
+      lanhuimage0: hdIcon,
+    },
+    slot2: 2,
   },
-  slot2: 2,
-},
 ])
 
 
@@ -483,8 +481,6 @@ const save = async () => {
       // 显示成功对话框
       dialogVisible.value = true
 
-      submit.value.name = form.value.name
-      submit.value.phton = form.value.mobile
       // 重置表单
       resetForm()
 
@@ -512,7 +508,7 @@ const resetForm = () => {
 }
 
 </script>
-<style src="./common.css" />
+<style src="./common.css"/>
 <style lang="css" scoped>
 .homepage-container {
   position: relative;
@@ -671,10 +667,10 @@ const resetForm = () => {
 
 .text_3 {
   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%);
   width: 60vw;
   overflow-wrap: break-word;
   color: rgba(0, 82, 217, 1);
@@ -842,10 +838,10 @@ const resetForm = () => {
 
 .text_10 {
   background-image: linear-gradient(90deg,
-      rgba(255, 255, 255, 1) 0,
-      rgba(255, 255, 255, 1) 0,
-      rgba(0, 199, 218, 1) 100%,
-      rgba(0, 199, 218, 1) 100%);
+  rgba(255, 255, 255, 1) 0,
+  rgba(255, 255, 255, 1) 0,
+  rgba(0, 199, 218, 1) 100%,
+  rgba(0, 199, 218, 1) 100%);
   width: 9.9vw;
   overflow-wrap: break-word;
   color: rgba(255, 255, 255, 1);
@@ -1028,10 +1024,10 @@ const resetForm = () => {
 
 .text_17 {
   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%);
   width: 10vw;
   overflow-wrap: break-word;
   color: rgba(0, 82, 217, 1);
@@ -1364,10 +1360,10 @@ const resetForm = () => {
 
 .text_29 {
   background-image: linear-gradient(90deg,
-      rgba(255, 255, 255, 1) 0,
-      rgba(255, 255, 255, 1) 0,
-      rgba(0, 199, 218, 1) 100%,
-      rgba(0, 199, 218, 1) 100%);
+  rgba(255, 255, 255, 1) 0,
+  rgba(255, 255, 255, 1) 0,
+  rgba(0, 199, 218, 1) 100%,
+  rgba(0, 199, 218, 1) 100%);
   width: 9.9vw;
   overflow-wrap: break-word;
   color: rgba(0, 82, 217, 1);
@@ -1650,7 +1646,7 @@ const resetForm = () => {
   height: auto !important;
 }
 
-.text-wrapper_10>>>.el-textarea__inner {
+.text-wrapper_10 >>> .el-textarea__inner {
   width: 100% !important;
   min-height: 100px !important;
 }
@@ -1814,9 +1810,9 @@ const resetForm = () => {
     margin-left: 0 !important;
   }
 
-  .text-wrapper_7>>>.el-input__wrapper,
-  .text-wrapper_8>>>.el-input__wrapper,
-  .text-wrapper_9>>>.el-input__wrapper {
+  .text-wrapper_7 >>> .el-input__wrapper,
+  .text-wrapper_8 >>> .el-input__wrapper,
+  .text-wrapper_9 >>> .el-input__wrapper {
     height: 45px !important;
     width: 100% !important;
   }
@@ -1827,7 +1823,7 @@ const resetForm = () => {
     margin: 15px 0 !important;
   }
 
-  .text-wrapper_10>>>.el-textarea__inner {
+  .text-wrapper_10 >>> .el-textarea__inner {
     width: 100% !important;
     min-height: 100px !important;
   }
@@ -1918,7 +1914,7 @@ const resetForm = () => {
     width: 40.73vw !important;
     height: 3.6vw !important;
     font-size: 3.64vw !important;
-    margin-top: 5.42vw !important;
+    margin-top: 12vw !important;
   }
 
   .slide-content .paragraph_2 {
@@ -1966,9 +1962,9 @@ const resetForm = () => {
     height: 40px !important;
   }
 
-  .text-wrapper_7>>>.el-input__wrapper,
-  .text-wrapper_8>>>.el-input__wrapper,
-  .text-wrapper_9>>>.el-input__wrapper {
+  .text-wrapper_7 >>> .el-input__wrapper,
+  .text-wrapper_8 >>> .el-input__wrapper,
+  .text-wrapper_9 >>> .el-input__wrapper {
     height: 40px !important;
   }
 
@@ -1976,7 +1972,7 @@ const resetForm = () => {
     margin: 10px 0 !important;
   }
 
-  .text-wrapper_10>>>.el-textarea__inner {
+  .text-wrapper_10 >>> .el-textarea__inner {
     min-height: 80px !important;
   }
 
@@ -2038,9 +2034,9 @@ const resetForm = () => {
     margin-left: 0 !important;
   }
 
-  .text-wrapper_7>>>.el-input__wrapper,
-  .text-wrapper_8>>>.el-input__wrapper,
-  .text-wrapper_9>>>.el-input__wrapper {
+  .text-wrapper_7 >>> .el-input__wrapper,
+  .text-wrapper_8 >>> .el-input__wrapper,
+  .text-wrapper_9 >>> .el-input__wrapper {
     height: 45px !important;
     width: 100% !important;
   }
@@ -2051,7 +2047,7 @@ const resetForm = () => {
     margin: 15px 0 !important;
   }
 
-  .text-wrapper_10>>>.el-textarea__inner {
+  .text-wrapper_10 >>> .el-textarea__inner {
     width: 100% !important;
     min-height: 100px !important;
   }
@@ -2070,8 +2066,6 @@ const resetForm = () => {
     height: 45px !important;
     margin-left: 0 !important;
   }
-
-
 }