Skip to content

W
wanyou_website
Commit 72bdfc10 by yang
Options

提交。开始适配手机端

parent e357ea3f
Showing with 125 additions and 138 deletions
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;
}
}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment