提交。开始适配手机端

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%;