Skip to content

W
wanyou_website
Commit e357ea3f by yang
Options

新增页面内部按钮跳转

parent be7e1da6
Showing with 190 additions and 197 deletions
src/views/Product.vue
<template> <template>
<div class="page flex-col"> <div class="page flex-col">
<SecondHeader :title="'COOPERATION'" <SecondHeader :title="'COOPERATION'" :bcUrl="bgHeaderUrl" :desc="'合作优势'" :btn-group="[{
:bcUrl="bgHeaderUrl" :desc="'合作优势'" :btn-group="[{ name: '品牌介绍',
name:'品牌介绍', url: '/Product',
url:'/Product', isSelect: true
isSelect:true }, {
},{ name: '用户案例',
name:'用户案例', url: '/case',
url:'/case', isSelect: false
isSelect:false }, {
},{ name: '增值服务',
name:'增值服务', url: '/serve',
url:'/serve', isSelect: false
isSelect:false }]" />
}]"/>
<div class="block_6 flex-col"> <div class="block_6 flex-col">
<div class="block_7 flex-row justify-between"> <div class="block_7 flex-row justify-between">
<div class="group_2 flex-col"> <div class="group_2 flex-col">
<div class="flex-row justify-between"> <div class="flex-row justify-between">
<span class="text_7">产品介绍</span> <span class="text_7">产品介绍</span>
<img class="image_5" <img class="image_5" src="@/assets/common/caidai.png" />
src="@/assets/common/caidai.png"/>
</div> </div>
<span class="text_8">多模态物理能量自愈舱——科学激活人体自愈力，重塑健康本源</span> <span class="text_8">多模态物理能量自愈舱——科学激活人体自愈力，重塑健康本源</span>
<div class="group_4 flex-col"> <div class="group_4 flex-col">
...@@ -31,13 +29,13 @@ ...@@ -31,13 +29,13 @@
<span class="text_11">（专利号：2023072001295120）</span> <span class="text_11">（专利号：2023072001295120）</span>
</div> </div>
</div> </div>
<img class="image_6" src="@/assets/common/erweima.png"/> <img class="image_6" src="@/assets/common/erweima.png" />
</div> </div>
<span class="text_12">核心功能&nbsp;CORE&nbsp;FUNCTIONS</span> <span class="text_12">核心功能&nbsp;CORE&nbsp;FUNCTIONS</span>
<span class="text_13">六维能量矩阵精准系统</span> <span class="text_13">六维能量矩阵精准系统</span>
<div class="block_8 flex-row justify-between"> <div class="block_8 flex-row justify-between">
<div class="image-wrapper_2 flex-col"> <div class="image-wrapper_2 flex-col">
<img class="label_2" src="@/assets/product/bl.png"/> <img class="label_2" src="@/assets/product/bl.png" />
</div> </div>
<div class="text-group_3 flex-col justify-between"> <div class="text-group_3 flex-col justify-between">
<span class="text_14">太赫兹波</span> <span class="text_14">太赫兹波</span>
...@@ -46,11 +44,11 @@ ...@@ -46,11 +44,11 @@
</div> </div>
<div class="block_9 flex-col"> <div class="block_9 flex-col">
<span <span
class="paragraph_1">●&nbsp;&nbsp;提高胶原沉积，减低炎症因子IL6，数据显示，糖尿病患者照射10天溃疡愈合速度提升50%；<br/>●&nbsp;&nbsp;抑制背根神经节TRPV1通道过度激活,数据显示太赫兹治疗7天,坐骨神经痛患者疼痛行为评分下降65%；<br/>●&nbsp;&nbsp;刺激黑质致密部促进多巴胺释放，显著改善帕金森模型运动功能，旋转实验提升70%；<br/>●&nbsp;&nbsp;通过调控线粒体活性氧（ROS）可以促进巨噬细胞向抗炎M2型转化，调节炎症反应。</span> class="paragraph_1">●&nbsp;&nbsp;提高胶原沉积，减低炎症因子IL6，数据显示，糖尿病患者照射10天溃疡愈合速度提升50%；<br />●&nbsp;&nbsp;抑制背根神经节TRPV1通道过度激活,数据显示太赫兹治疗7天,坐骨神经痛患者疼痛行为评分下降65%；<br />●&nbsp;&nbsp;刺激黑质致密部促进多巴胺释放，显著改善帕金森模型运动功能，旋转实验提升70%；<br />●&nbsp;&nbsp;通过调控线粒体活性氧（ROS）可以促进巨噬细胞向抗炎M2型转化，调节炎症反应。</span>
</div> </div>
<div class="block_10 flex-row justify-between"> <div class="block_10 flex-row justify-between">
<div class="image-wrapper_3 flex-col"> <div class="image-wrapper_3 flex-col">
<img class="label_3" src="@/assets/product/cz.png"/> <img class="label_3" src="@/assets/product/cz.png" />
</div> </div>
<div class="text-group_4 flex-col justify-between"> <div class="text-group_4 flex-col justify-between">
<span class="text_16">交变磁场</span> <span class="text_16">交变磁场</span>
...@@ -60,15 +58,15 @@ ...@@ -60,15 +58,15 @@
<div class="block_11 flex-col"> <div class="block_11 flex-col">
<div class="text-wrapper_3"> <div class="text-wrapper_3">
<span <span
class="paragraph_2">●&nbsp;&nbsp;数据显示前列腺癌、胰腺癌的AMF热疗II期肿瘤缩小率＞50%；<br/>●&nbsp;&nbsp;加速骨折愈合，患者治疗8周，骨痂形成率提高2.3倍；<br/>●&nbsp;&nbsp;抑制滑膜IL-1</span> class="paragraph_2">●&nbsp;&nbsp;数据显示前列腺癌、胰腺癌的AMF热疗II期肿瘤缩小率＞50%；<br />●&nbsp;&nbsp;加速骨折愈合，患者治疗8周，骨痂形成率提高2.3倍；<br />●&nbsp;&nbsp;抑制滑膜IL-1</span>
<span class="text_18">β</span> <span class="text_19">、TNF-</span> <span class="text_18">β</span> <span class="text_19">、TNF-</span>
<span class="text_20">α</span> <span class="text_20">α</span>
<span class="paragraph_3">表达，进而显著抑制骨关节炎；<br/>●&nbsp;&nbsp;可以显著缓解神经病理性疼痛，VAS评分下降60%。</span> <span class="paragraph_3">表达，进而显著抑制骨关节炎；<br />●&nbsp;&nbsp;可以显著缓解神经病理性疼痛，VAS评分下降60%。</span>
</div> </div>
</div> </div>
<div class="block_12 flex-row justify-between"> <div class="block_12 flex-row justify-between">
<div class="image-wrapper_4 flex-col"> <div class="image-wrapper_4 flex-col">
<img class="label_4" src="@/assets/product/sg.png"/> <img class="label_4" src="@/assets/product/sg.png" />
</div> </div>
<div class="text-group_5 flex-col justify-between"> <div class="text-group_5 flex-col justify-between">
<span class="text_21">远红外</span> <span class="text_21">远红外</span>
...@@ -78,15 +76,14 @@ ...@@ -78,15 +76,14 @@
<div class="block_13 flex-col"> <div class="block_13 flex-col">
<div class="text-wrapper_4"> <div class="text-wrapper_4">
<span <span
class="paragraph_4">●&nbsp;&nbsp;激活细胞内信号系统激酶，促进血管生成加速组织修复<br/>●&nbsp;&nbsp;显著缓解关节疼痛和关节炎症；<br/>●&nbsp;&nbsp;显著抑制乳腺癌细胞增殖转移；<br/>●&nbsp;&nbsp;显著改善冠心病患者的症状，连续4周每天照射30分钟，血管内皮功能改善（血流介导扩张提升35%），心绞痛发作频率下降48%，血清NO水平提升2.1倍。<br/>●&nbsp;&nbsp;激活VEGF，HIF-1</span> class="paragraph_4">●&nbsp;&nbsp;激活细胞内信号系统激酶，促进血管生成加速组织修复<br />●&nbsp;&nbsp;显著缓解关节疼痛和关节炎症；<br />●&nbsp;&nbsp;显著抑制乳腺癌细胞增殖转移；<br />●&nbsp;&nbsp;显著改善冠心病患者的症状，连续4周每天照射30分钟，血管内皮功能改善（血流介导扩张提升35%），心绞痛发作频率下降48%，血清NO水平提升2.1倍。<br />●&nbsp;&nbsp;激活VEGF，HIF-1</span>
<span class="text_23">α</span> <span class="text_23">α</span>
<span <span class="text_24">进而改善糖尿病皮肤溃疡症状，连续12周每天照射20分钟，相对于常规换药创面愈合速度提升2.3倍。</span>
class="text_24">进而改善糖尿病皮肤溃疡症状，连续12周每天照射20分钟，相对于常规换药创面愈合速度提升2.3倍。</span>
</div> </div>
</div> </div>
<div class="block_14 flex-row justify-between"> <div class="block_14 flex-row justify-between">
<div class="image-wrapper_5 flex-col"> <div class="image-wrapper_5 flex-col">
<img class="label_5" src="@/assets/product/sd.png"/> <img class="label_5" src="@/assets/product/sd.png" />
</div> </div>
<div class="text-group_6 flex-col justify-between"> <div class="text-group_6 flex-col justify-between">
<span class="text_25">热能量</span> <span class="text_25">热能量</span>
...@@ -95,11 +92,11 @@ ...@@ -95,11 +92,11 @@
</div> </div>
<div class="block_15 flex-col"> <div class="block_15 flex-col">
<span <span
class="paragraph_5">●&nbsp;&nbsp;增强成纤维细胞活性与胶原合成，数据显示，糖尿病足溃疡患者连续14天治疗（每日40分钟），创面愈合速度提升55%，肉芽组织生成密度增加1.8倍；<br/>●&nbsp;&nbsp;通过深层热效应降低肌肉僵硬度与炎症介质，数据显示腰肌劳损患者治疗10天后疼痛评分（VAS）下降62%，关节活动度改善40%；<br/>●&nbsp;&nbsp;诱导血管舒张因子（NO）释放以改善微循环，数据显示下肢动脉硬化患者每日照射30分钟，4周后踝肱指数（ABI）提升0.15，皮肤血流灌注量增加50%；<br/>●&nbsp;&nbsp;加速放疗后皮肤损伤修复，数据显示乳腺癌患者治疗14天内，皮炎严重程度（CTCAE评分）降低48%，上皮再生速度加快2.1倍。</span> class="paragraph_5">●&nbsp;&nbsp;增强成纤维细胞活性与胶原合成，数据显示，糖尿病足溃疡患者连续14天治疗（每日40分钟），创面愈合速度提升55%，肉芽组织生成密度增加1.8倍；<br />●&nbsp;&nbsp;通过深层热效应降低肌肉僵硬度与炎症介质，数据显示腰肌劳损患者治疗10天后疼痛评分（VAS）下降62%，关节活动度改善40%；<br />●&nbsp;&nbsp;诱导血管舒张因子（NO）释放以改善微循环，数据显示下肢动脉硬化患者每日照射30分钟，4周后踝肱指数（ABI）提升0.15，皮肤血流灌注量增加50%；<br />●&nbsp;&nbsp;加速放疗后皮肤损伤修复，数据显示乳腺癌患者治疗14天内，皮炎严重程度（CTCAE评分）降低48%，上皮再生速度加快2.1倍。</span>
</div> </div>
<div class="block_16 flex-row justify-between"> <div class="block_16 flex-row justify-between">
<div class="image-wrapper_6 flex-col"> <div class="image-wrapper_6 flex-col">
<img class="label_6" src="@/assets/product/h.png"/> <img class="label_6" src="@/assets/product/h.png" />
</div> </div>
<div class="text-group_7 flex-col justify-between"> <div class="text-group_7 flex-col justify-between">
<span class="text_27">氢分子</span> <span class="text_27">氢分子</span>
...@@ -108,11 +105,11 @@ ...@@ -108,11 +105,11 @@
</div> </div>
<div class="block_17 flex-col"> <div class="block_17 flex-col">
<span <span
class="paragraph_6">●&nbsp;&nbsp;抑制炎症因子，显著改善类风湿关节炎症状；<br/>●&nbsp;&nbsp;显著改善帕金森患者的症状；<br/>●&nbsp;&nbsp;有助于长期新冠康复；<br/>●&nbsp;&nbsp;连续三个月每天吸两次氢氧混合气体，疲劳评分下降58%，6分钟步行距离提升120米。</span> class="paragraph_6">●&nbsp;&nbsp;抑制炎症因子，显著改善类风湿关节炎症状；<br />●&nbsp;&nbsp;显著改善帕金森患者的症状；<br />●&nbsp;&nbsp;有助于长期新冠康复；<br />●&nbsp;&nbsp;连续三个月每天吸两次氢氧混合气体，疲劳评分下降58%，6分钟步行距离提升120米。</span>
</div> </div>
<div class="block_18 flex-row justify-between"> <div class="block_18 flex-row justify-between">
<div class="image-wrapper_7 flex-col"> <div class="image-wrapper_7 flex-col">
<img class="label_7" src="@/assets/product/O2.png"/> <img class="label_7" src="@/assets/product/O2.png" />
</div> </div>
<div class="text-group_8 flex-col justify-between"> <div class="text-group_8 flex-col justify-between">
<span class="text_29">氧分子</span> <span class="text_29">氧分子</span>
...@@ -124,13 +121,14 @@ ...@@ -124,13 +121,14 @@
<span class="text_31">●&nbsp;&nbsp;严重慢阻肺患者每日吸氧</span> <span class="text_31">●&nbsp;&nbsp;严重慢阻肺患者每日吸氧</span>
<span class="text_32">≥</span> <span class="text_32">≥</span>
<span <span
class="paragraph_7">15小时比仅夜间吸氧显著降低死亡率（11%&nbsp;vs&nbsp;22%）。<br/>●&nbsp;&nbsp;每日吸氧15小时以上使静息低氧血症慢阻肺患者的5年死亡率降低50%。<br/>●&nbsp;&nbsp;辅助治疗难治性糖尿病足溃疡，6个愈合率提高32%，截肢风险降低。显著提高糖尿病足溃疡愈合</span> class="paragraph_7">15小时比仅夜间吸氧显著降低死亡率（11%&nbsp;vs&nbsp;22%）。<br />●&nbsp;&nbsp;每日吸氧15小时以上使静息低氧血症慢阻肺患者的5年死亡率降低50%。<br />●&nbsp;&nbsp;辅助治疗难治性糖尿病足溃疡，6个愈合率提高32%，截肢风险降低。显著提高糖尿病足溃疡愈合</span>
</div> </div>
</div> </div>
<div class="text-wrapper_6"> <div class="text-wrapper_6">
<span class="text_33">数据来源：《Cell》、《Nature》、《Journal》等国际顶级期刊文献，如需进一步了解，请</span> <span class="text_33">数据来源：《Cell》、《Nature》、《Journal》等国际顶级期刊文献，如需进一步了解，请</span>
<span class="text_34">联系我们</span> <span class="text_34" @click="goToContact"
<span class="paragraph_8">。<br/></span> style="cursor: pointer; color: #0052d9; text-decoration: underline;">联系我们</span>
<span class="paragraph_8">。<br /></span>
<span class="text_35">*&nbsp;注:内容参考科普文献，效果因人而异，不做任何医疗承诺。</span> <span class="text_35">*&nbsp;注:内容参考科普文献，效果因人而异，不做任何医疗承诺。</span>
</div> </div>
</div> </div>
...@@ -139,8 +137,15 @@ ...@@ -139,8 +137,15 @@
<script setup> <script setup>
import SecondHeader from '../components/second_header.vue'; import SecondHeader from '../components/second_header.vue';
import bgHeaderUrl from '@/assets/product/BC.png' import bgHeaderUrl from '@/assets/product/BC.png'
import { useRouter } from "vue-router";
// 路由跳转
const router = useRouter()
const goToContact = () => {
router.push('/contact-us')
}
</script> </script>
<style src="./common.css"/> <style src="./common.css" />
<style scoped> <style scoped>
.page { .page {
position: relative; position: relative;
...@@ -927,5 +932,4 @@ import bgHeaderUrl from '@/assets/product/BC.png' ...@@ -927,5 +932,4 @@ import bgHeaderUrl from '@/assets/product/BC.png'
text-align: left; text-align: left;
line-height: 1.67vw; line-height: 1.67vw;
} }
</style> </style>
\ No newline at end of file
src/views/Serve.vue
<template> <template>
<div class="page flex-col"> <div class="page flex-col">
<SecondHeader :title="'COOPERATION'" <SecondHeader :title="'COOPERATION'" :bcUrl="bgHeaderUrl" :desc="'合作优势'" :btn-group="[{
:bcUrl="bgHeaderUrl" :desc="'合作优势'" :btn-group="[{ name: '品牌介绍',
name:'品牌介绍', url: '/Product',
url:'/Product', isSelect: false
isSelect:false }, {
},{ name: '用户案例',
name:'用户案例', url: '/case',
url:'/case', isSelect: false
isSelect:false }, {
},{ name: '增值服务',
name:'增值服务', url: '/serve',
url:'/serve', isSelect: true
isSelect:true }]" />
}]"/>
<div class="box_3 flex-col"> <div class="box_3 flex-col">
<div class="block_1 flex-row justify-between"> <div class="block_1 flex-row justify-between">
<div class="box_4 flex-col"> <div class="box_4 flex-col">
<div class="group_2 flex-row justify-between"> <div class="group_2 flex-row justify-between">
<span class="text_7">增值服务</span> <span class="text_7">增值服务</span>
<img class="image_6" <img class="image_6" src="@/assets/serve/icon_1.png" />
src="@/assets/serve/icon_1.png"/>
</div> </div>
<span class="text_8">不止于设备，更提供全周期健康管理</span> <span class="text_8">不止于设备，更提供全周期健康管理</span>
<span <span class="text_9">选择阳生万物，您投资的不仅是国际领先的科技产品，更是一套成熟的商业模式和持续盈利的保障。我们通过全方位的增值服务，为您扫清障碍，赋能增长，共同开拓千亿级蓝海市场。</span>
class="text_9">选择阳生万物，您投资的不仅是国际领先的科技产品，更是一套成熟的商业模式和持续盈利的保障。我们通过全方位的增值服务，为您扫清障碍，赋能增长，共同开拓千亿级蓝海市场。</span>
<div class="group_3 flex-col"> <div class="group_3 flex-col">
<div class="box_5 flex-row"> <div class="box_5 flex-row">
<span class="text_10">市场启动与培训支持</span> <span class="text_10">市场启动与培训支持</span>
<img class="image_7" <img class="image_7" src="@/assets/serve/icon_2.png" />
src="@/assets/serve/icon_2.png"/>
<span class="text_11">整装待发：从0到1的快速启动赋能</span> <span class="text_11">整装待发：从0到1的快速启动赋能</span>
</div> </div>
<div class="box_6 flex-row"> <div class="box_6 flex-row">
<img class="image_8" <img class="image_8" src="@/assets/serve/icon_3.png" />
src="@/assets/serve/icon_3.png"/>
<div class="text-wrapper_2"> <div class="text-wrapper_2">
<span class="paragraph_1">“金牌指挥官”认证培训<br/></span> <span class="paragraph_1">“金牌指挥官”认证培训<br /></span>
<span class="text_12">资金实力雄厚，希望长期持有资产的机构（如高端康复中心、私立医院、健康管理机构）。</span> <span class="text_12">资金实力雄厚，希望长期持有资产的机构（如高端康复中心、私立医院、健康管理机构）。</span>
</div> </div>
<img class="image_9" <img class="image_9" src="@/assets/serve/icon_4.png" />
src="@/assets/serve/icon_4.png"/>
<div class="text-wrapper_3"> <div class="text-wrapper_3">
<span class="paragraph_2">专属启动工具包<br/></span> <span class="paragraph_2">专属启动工具包<br /></span>
<span <span class="text_13">赠送内含高标准营销物料（宣传视频、PPT、手册、海报）、合同范本、话术手册的“开业大礼包”，助您快速开业。</span>
class="text_13">赠送内含高标准营销物料（宣传视频、PPT、手册、海报）、合同范本、话术手册的“开业大礼包”，助您快速开业。</span>
</div> </div>
<img class="image_10" <img class="image_10" src="@/assets/serve/icon_5.png" />
src="@/assets/serve/icon_5.png"/>
<div class="text-wrapper_4"> <div class="text-wrapper_4">
<span class="paragraph_3">试点体验舱支持<br/></span> <span class="paragraph_3">试点体验舱支持<br /></span>
<span <span class="text_14">根据市场开拓计划，优先为优质代理商提供短期使用的体验舱，助力市场预热和客户转化。</span>
class="text_14">根据市场开拓计划，优先为优质代理商提供短期使用的体验舱，助力市场预热和客户转化。</span>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<img class="image_11" src="@/assets/serve/icon_6.png"/> <img class="image_11" src="@/assets/serve/icon_6.png" />
</div> </div>
<div class="block_2 flex-row"> <div class="block_2 flex-row">
<div class="box_7 flex-col"> <div class="box_7 flex-col">
<div class="box_8 flex-row"> <div class="box_8 flex-row">
<span class="text_15">营销与销售支持</span> <span class="text_15">营销与销售支持</span>
<img class="image_12" <img class="image_12" src="@/assets/serve/icon_7.png" />
src="@/assets/serve/icon_7.png"/>
<span class="text_16">精准获客：数字化营销与品牌强力背书</span> <span class="text_16">精准获客：数字化营销与品牌强力背书</span>
</div> </div>
<div class="box_9 flex-row"> <div class="box_9 flex-row">
<img class="image_13" <img class="image_13" src="@/assets/serve/icon_8.png" />
src="@/assets/serve/icon_8.png"/>
<div class="text-wrapper_5"> <div class="text-wrapper_5">
<span class="paragraph_4">全域营销素材支持<br/></span> <span class="paragraph_4">全域营销素材支持<br /></span>
<span <span class="text_17">总部持续生产高质量新媒体内容（公众号文章、短视频、小红书笔记、KOL测评），您可一键转发，轻松打造本地化专业人设。</span>
class="text_17">总部持续生产高质量新媒体内容（公众号文章、短视频、小红书笔记、KOL测评），您可一键转发，轻松打造本地化专业人设。</span>
</div> </div>
<img class="image_14" <img class="image_14" src="@/assets/serve/icon_9.png" />
src="@/assets/serve/icon_9.png"/>
<div class="text-wrapper_6"> <div class="text-wrapper_6">
<span class="paragraph_5">线上线索精准导流<br/></span> <span class="paragraph_5">线上线索精准导流<br /></span>
<span <span class="text_18">总部通过品牌投放、自媒体运营获取的潜在客户咨询，将根据区域精准派发给您，助力您高效成交。</span>
class="text_18">总部通过品牌投放、自媒体运营获取的潜在客户咨询，将根据区域精准派发给您，助力您高效成交。</span>
</div> </div>
<img class="image_15" <img class="image_15" src="@/assets/serve/icon_10.png" />
src="@/assets/serve/icon_10.png"/>
<div class="text-wrapper_7"> <div class="text-wrapper_7">
<span class="paragraph_6">高端品牌活动授权<br/></span> <span class="paragraph_6">高端品牌活动授权<br /></span>
<span <span class="text_19">授权您以“阳生万物”名义在当地举办沙龙、品鉴会、健康讲座，总部提供活动方案策划与执行指导，提升您的品牌权威性。</span>
class="text_19">授权您以“阳生万物”名义在当地举办沙龙、品鉴会、健康讲座，总部提供活动方案策划与执行指导，提升您的品牌权威性。</span>
</div> </div>
</div> </div>
</div> </div>
...@@ -95,31 +79,24 @@ ...@@ -95,31 +79,24 @@
<div class="group_4 flex-col"> <div class="group_4 flex-col">
<div class="box_10 flex-row"> <div class="box_10 flex-row">
<span class="text_20">运营与技术支持</span> <span class="text_20">运营与技术支持</span>
<img class="image_16" <img class="image_16" src="@/assets/serve/icon_11.png" />
src="@/assets/serve/icon_11.png"/>
<span class="text_21">无忧运营：一站式后端保障服务</span> <span class="text_21">无忧运营：一站式后端保障服务</span>
</div> </div>
<div class="box_11 flex-row"> <div class="box_11 flex-row">
<img class="image_17" <img class="image_17" src="@/assets/serve/icon_12.png" />
src="@/assets/serve/icon_12.png"/>
<div class="text-wrapper_8"> <div class="text-wrapper_8">
<span class="paragraph_7">专属代理商管理后台<br/></span> <span class="paragraph_7">专属代理商管理后台<br /></span>
<span <span class="text_22">提供智能化后台管理系统，实时查看合同、租金支付、预约管理、客户信息、一键保修，管理业务一目了然。</span>
class="text_22">提供智能化后台管理系统，实时查看合同、租金支付、预约管理、客户信息、一键保修，管理业务一目了然。</span>
</div> </div>
<img class="image_18" <img class="image_18" src="@/assets/serve/icon_13.png" />
src="@/assets/serve/icon_13.png"/>
<div class="text-wrapper_9"> <div class="text-wrapper_9">
<span class="paragraph_8">7x24小时技术响应中心<br/></span> <span class="paragraph_8">7x24小时技术响应中心<br /></span>
<span <span class="text_23">总部建立专家技术团队，为您的客户提供远程技术支持和故障诊断，复杂问题提供上门服务，极大减轻您的售后压力。</span>
class="text_23">总部建立专家技术团队，为您的客户提供远程技术支持和故障诊断，复杂问题提供上门服务，极大减轻您的售后压力。</span>
</div> </div>
<img class="image_19" <img class="image_19" src="@/assets/serve/icon_14.png" />
src="@/assets/serve/icon_14.png"/>
<div class="text-wrapper_10"> <div class="text-wrapper_10">
<span class="paragraph_9">客户成功协同服务<br/></span> <span class="paragraph_9">客户成功协同服务<br /></span>
<span <span class="text_24">协助您为客户提供专业的售前体验、售中讲解和售后回访服务指南，确保客户获得最佳体验，提升复购和转介绍率。</span>
class="text_24">协助您为客户提供专业的售前体验、售中讲解和售后回访服务指南，确保客户获得最佳体验，提升复购和转介绍率。</span>
</div> </div>
</div> </div>
</div> </div>
...@@ -128,24 +105,19 @@ ...@@ -128,24 +105,19 @@
<div class="box_12 flex-col"> <div class="box_12 flex-col">
<div class="box_13 flex-row"> <div class="box_13 flex-row">
<span class="text_25">持续盈利与商业创新支持</span> <span class="text_25">持续盈利与商业创新支持</span>
<img class="image_20" <img class="image_20" src="@/assets/serve/icon_15.png" />
src="@/assets/serve/icon_15.png"/>
<span class="text_26">赢在未来：挖掘持续收入与跨界增长</span> <span class="text_26">赢在未来：挖掘持续收入与跨界增长</span>
</div> </div>
<div class="box_14 flex-row"> <div class="box_14 flex-row">
<img class="image_21" <img class="image_21" src="@/assets/serve/icon_16.png" />
src="@/assets/serve/icon_16.png"/>
<div class="text-wrapper_11"> <div class="text-wrapper_11">
<span class="paragraph_10">多元化商业模式咨询<br/></span> <span class="paragraph_10">多元化商业模式咨询<br /></span>
<span <span class="text_27">总部输出经过验证的多元化盈利模型（如：设备租赁方案、与酒店/健身房的分成合作方案、企业健康福利方案），助您开拓B端，突破收入天花板。</span>
class="text_27">总部输出经过验证的多元化盈利模型（如：设备租赁方案、与酒店/健身房的分成合作方案、企业健康福利方案），助您开拓B端，突破收入天花板。</span>
</div> </div>
<img class="image_22" <img class="image_22" src="@/assets/serve/icon_17.png" />
src="@/assets/serve/icon_17.png"/>
<div class="text-wrapper_12"> <div class="text-wrapper_12">
<span class="paragraph_11">区域保护与拓展权益<br/></span> <span class="paragraph_11">区域保护与拓展权益<br /></span>
<span <span class="text_28">严格的区域保护政策保障您的核心利益。业绩优异的代理商将获得优先续约权及周边未开发区域的优先代理权。</span>
class="text_28">严格的区域保护政策保障您的核心利益。业绩优异的代理商将获得优先续约权及周边未开发区域的优先代理权。</span>
</div> </div>
</div> </div>
</div> </div>
...@@ -156,15 +128,15 @@ ...@@ -156,15 +128,15 @@
<div class="block_5 flex-row"> <div class="block_5 flex-row">
<div class="group_5 flex-col"> <div class="group_5 flex-col">
<div class="list_1 flex-row"> <div class="list_1 flex-row">
<div class="list-items_1 flex-col" :style="{ background: item.lanhuBg0 }" <div class="list-items_1 flex-col" :style="{ background: item.lanhuBg0 }" v-for="(item, index) in loopData0"
v-for="(item, index) in loopData0" :key="index"></div> :key="index"></div>
</div> </div>
<div class="text-wrapper_14 flex-row"> <div class="text-wrapper_14 flex-row">
<span class="paragraph_12">一套成熟的<br/>商业模式</span> <span class="paragraph_12">一套成熟的<br />商业模式</span>
<span class="paragraph_13">一个高价值的<br/>品牌授权</span> <span class="paragraph_13">一个高价值的<br />品牌授权</span>
<span class="paragraph_14">一个持续分成的<br/>盈利管道</span> <span class="paragraph_14">一个持续分成的<br />盈利管道</span>
<span class="paragraph_15">一个全天候的<br/>运营支持系统</span> <span class="paragraph_15">一个全天候的<br />运营支持系统</span>
<span class="paragraph_16">一个共同成长的<br/>战略伙伴</span> <span class="paragraph_16">一个共同成长的<br />战略伙伴</span>
</div> </div>
</div> </div>
</div> </div>
...@@ -172,7 +144,7 @@ ...@@ -172,7 +144,7 @@
<span class="text_30">立即加盟，开启您的健康科技财富事业！</span> <span class="text_30">立即加盟，开启您的健康科技财富事业！</span>
</div> </div>
<div class="block_6 flex-row"> <div class="block_6 flex-row">
<div class="text-wrapper_16 align-center justify-center flex-col"> <div class="text-wrapper_16 align-center justify-center flex-col" @click="goToContact" style="cursor: pointer;">
<span class="text_31">立即申请成为合作伙伴</span> <span class="text_31">立即申请成为合作伙伴</span>
</div> </div>
</div> </div>
...@@ -188,6 +160,7 @@ import serveBg3 from '@/assets/serve/bg_3.png' ...@@ -188,6 +160,7 @@ import serveBg3 from '@/assets/serve/bg_3.png'
import serveBg4 from '@/assets/serve/bg_4.png' import serveBg4 from '@/assets/serve/bg_4.png'
import serveBg5 from '@/assets/serve/bg_5.png' import serveBg5 from '@/assets/serve/bg_5.png'
import bgHeaderUrl from '@/assets/serve/bg_header.png' import bgHeaderUrl from '@/assets/serve/bg_header.png'
import { useRouter } from "vue-router";
export default { export default {
components: { components: {
...@@ -216,10 +189,14 @@ export default { ...@@ -216,10 +189,14 @@ export default {
constants: {}, constants: {},
}; };
}, },
methods: {}, methods: {
goToContact() {
this.$router.push('/contact-us')
}
},
}; };
</script> </script>
<style src="./common.css"/> <style src="./common.css" />
<style scoped> <style scoped>
.page { .page {
position: relative; position: relative;
......
src/views/brand.vue
<template> <template>
<div class="page flex-col"> <div class="page flex-col">
<SecondHeader :title="'COOPERATION'" <SecondHeader :title="'COOPERATION'" :bcUrl="bgHeaderUrl" :desc="'合作优势'" :btn-group="[{
:bcUrl="bgHeaderUrl" :desc="'合作优势'" name: '品牌介绍',
:btn-group="[{ url: '/brand',
name:'品牌介绍', isSelect: true
url:'/brand', }]" />
isSelect:true
}]"/>
<div class="group_3 flex-row"> <div class="group_3 flex-row">
<div class="text-wrapper_4 flex-col"> <div class="text-wrapper_4 flex-col">
<span class="text_5">品牌故事</span> <span class="text_5">品牌故事</span>
<span class="text_6">故事发生&nbsp;BRAND&nbsp;STORY</span> <span class="text_6">故事发生&nbsp;BRAND&nbsp;STORY</span>
<span <span
class="paragraph_1">2020年，阳生万物自愈舱创始研发人即中国科学院高级工程师苏洪泉，在被查出患有肺结节后，亲身感受到疾病带来的痛苦与对健康的渴望，出于对传统治疗方式的慎重思考，凭借自身对生命科学的热爱与钻研，开启自愈舱的研发之路，最终成功研发出阳生万物多模态物理复合能量场健康自愈技术。<br/><br/>自此，一个由苏洪泉领衔，来自清华大学、北京大学及国际顶尖实验室的临床和技术专家共同组成的核心科研团队，秉承“医工结合”的研发路径打破了单一能量模态健康自愈的技术壁垒，直接作用于细胞，让安全、有效的多模态物理能量场自愈技术设备“阳生万物自愈舱”成为细胞级修复激活自愈能力的新范式。<br/><br/>阳生万物核心技术团队在能量源及传感器领域拥有近四十年的创新研发经验，专业涉及生物医学、机械结构、软件、算法等，具有强大的研发和自主创新能力。<br/><br/>作为推进当今能量自愈新兴健康科技发展与中国高端健康设备的自主研发的创新品牌，阳生万物自愈舱实现了高端健康自愈设备的全流程自主研发、设计与制造，从效果和感受上不断升级“科技自愈”体验，用专业精神持久探寻细胞修复和科学力之间的新生密码。</span> class="paragraph_1">2020年，阳生万物自愈舱创始研发人即中国科学院高级工程师苏洪泉，在被查出患有肺结节后，亲身感受到疾病带来的痛苦与对健康的渴望，出于对传统治疗方式的慎重思考，凭借自身对生命科学的热爱与钻研，开启自愈舱的研发之路，最终成功研发出阳生万物多模态物理复合能量场健康自愈技术。<br /><br />自此，一个由苏洪泉领衔，来自清华大学、北京大学及国际顶尖实验室的临床和技术专家共同组成的核心科研团队，秉承“医工结合”的研发路径打破了单一能量模态健康自愈的技术壁垒，直接作用于细胞，让安全、有效的多模态物理能量场自愈技术设备“阳生万物自愈舱”成为细胞级修复激活自愈能力的新范式。<br /><br />阳生万物核心技术团队在能量源及传感器领域拥有近四十年的创新研发经验，专业涉及生物医学、机械结构、软件、算法等，具有强大的研发和自主创新能力。<br /><br />作为推进当今能量自愈新兴健康科技发展与中国高端健康设备的自主研发的创新品牌，阳生万物自愈舱实现了高端健康自愈设备的全流程自主研发、设计与制造，从效果和感受上不断升级“科技自愈”体验，用专业精神持久探寻细胞修复和科学力之间的新生密码。</span>
<span class="text_7">“80岁之前无大病”</span> <span class="text_7">“80岁之前无大病”</span>
<span class="text_8">——&nbsp;创始研发人-苏洪泉</span> <span class="text_8">——&nbsp;创始研发人-苏洪泉</span>
</div> </div>
<div class="image-wrapper_2 flex-col justify-between"> <div class="image-wrapper_2 flex-col justify-between">
<img class="image_3" src="@/assets/common/caidai.png"/> <img class="image_3" src="@/assets/common/caidai.png" />
<img class="image_4" src="@/assets/brand/shq.png"/> <img class="image_4" src="@/assets/brand/shq.png" />
</div> </div>
<div class="block_3 flex-col"></div> <div class="block_3 flex-col"></div>
</div> </div>
...@@ -26,148 +24,143 @@ ...@@ -26,148 +24,143 @@
<div class="box_2 flex-col"> <div class="box_2 flex-col">
<div class="section_1 flex-row justify-between"> <div class="section_1 flex-row justify-between">
<span class="text_9">品牌介绍</span> <span class="text_9">品牌介绍</span>
<img class="image_6" src="@/assets/common/caidai2.png"/> <img class="image_6" src="@/assets/common/caidai2.png" />
</div> </div>
<div class="text-wrapper_5 flex-row"> <div class="text-wrapper_5 flex-row">
<span class="text_10">关于我们&nbsp;ABOUT&nbsp;US</span> <span class="text_10">关于我们&nbsp;ABOUT&nbsp;US</span>
</div> </div>
</div> </div>
<div class="box_3 flex-row"> <div class="box_3 flex-row">
<div class="box_4 justify-center align-center"> <div class="box_4 justify-center align-center" @click="goToProduct" style="cursor: pointer;">
<div class="noHoverContent justify-center align-center flex-col"> <div class="noHoverContent justify-center align-center flex-col">
<img class="image_7" src="@/assets/brand/smysy.png"/> <img class="image_7" src="@/assets/brand/smysy.png" />
<span class="text_11">使命与愿景</span> <span class="text_11">使命与愿景</span>
<span class="text_12">01</span> <span class="text_12">01</span>
</div> </div>
<div class="hoverContent justify-center align-center flex-col"> <div class="hoverContent justify-center align-center flex-col">
<span class="text_13">01</span> <span class="text_13">01</span>
<img class="image_9" src="@/assets/brand/smysy.png"/> <img class="image_9" src="@/assets/brand/smysy.png" />
<span class="text_14">使命与愿景</span> <span class="text_14">使命与愿景</span>
<div class="text-wrapper_6"> <div class="text-wrapper_6">
<span class="text_15">核心产品</span> <span class="text_15">核心产品</span>
<span class="text_16">多模态物理能量自愈舱</span> <span class="text_16">多模态物理能量自愈舱</span>
<span <span class="text_17">，突破单一能量局限，协同增效。整合了远红外、交变磁场、太赫兹波、热能量、氢分子、氧分子六种物理能量模态，基于</span>
class="text_17">，突破单一能量局限，协同增效。整合了远红外、交变磁场、太赫兹波、热能量、氢分子、氧分子六种物理能量模态，基于</span>
<span class="text_18">“细胞生物微动力修复理论”</span> <span class="text_18">“细胞生物微动力修复理论”</span>
<span class="paragraph_2">通过精确调控频率、强度等参数，特异性作用于细胞，促进细胞的新陈代谢，提升细胞活性，实现：<br/></span> <span class="paragraph_2">通过精确调控频率、强度等参数，特异性作用于细胞，促进细胞的新陈代谢，提升细胞活性，实现：<br /></span>
<span class="text_19">细胞激活：</span> <span class="text_19">细胞激活：</span>
<span class="paragraph_3">六维能量矩阵促进微循环与线粒体功能；<br/></span> <span class="paragraph_3">六维能量矩阵促进微循环与线粒体功能；<br /></span>
<span class="text_20">代谢优化：</span> <span class="text_20">代谢优化：</span>
<span class="paragraph_4">持续的低频能量协同刺激神经肌肉协同；<br/></span> <span class="paragraph_4">持续的低频能量协同刺激神经肌肉协同；<br /></span>
<span class="text_21">系统自愈：</span> <span class="text_21">系统自愈：</span>
<span class="text_22">多模态协同作用激活人体天然修复机制。</span> <span class="text_22">多模态协同作用激活人体天然修复机制。</span>
</div> </div>
</div> </div>
</div> </div>
<div class="box_5 justify-center align-center"> <div class="box_5 justify-center align-center" @click="goToProduct" style="cursor: pointer;">
<div class="noHoverContent justify-center align-center flex-col"> <div class="noHoverContent justify-center align-center flex-col">
<img class="image_7" src="@/assets/brand/hxjs.png"/> <img class="image_7" src="@/assets/brand/hxjs.png" />
<span class="text_11">核心技术</span> <span class="text_11">核心技术</span>
<span class="text_12">02</span> <span class="text_12">02</span>
</div> </div>
<div class="hoverContent justify-center align-center flex-col"> <div class="hoverContent justify-center align-center flex-col">
<span class="text_13">02</span> <span class="text_13">02</span>
<img class="image_9" src="@/assets/brand/hxjs.png"/> <img class="image_9" src="@/assets/brand/hxjs.png" />
<span class="text_14">核心技术</span> <span class="text_14">核心技术</span>
<div class="text-wrapper_6"> <div class="text-wrapper_6">
<span class="text_15">核心产品</span> <span class="text_15">核心产品</span>
<span class="text_16">多模态物理能量自愈舱</span> <span class="text_16">多模态物理能量自愈舱</span>
<span <span class="text_17">，突破单一能量局限，协同增效。整合了远红外、交变磁场、太赫兹波、热能量、氢分子、氧分子六种物理能量模态，基于</span>
class="text_17">，突破单一能量局限，协同增效。整合了远红外、交变磁场、太赫兹波、热能量、氢分子、氧分子六种物理能量模态，基于</span>
<span class="text_18">“细胞生物微动力修复理论”</span> <span class="text_18">“细胞生物微动力修复理论”</span>
<span class="paragraph_2">通过精确调控频率、强度等参数，特异性作用于细胞，促进细胞的新陈代谢，提升细胞活性，实现：<br/></span> <span class="paragraph_2">通过精确调控频率、强度等参数，特异性作用于细胞，促进细胞的新陈代谢，提升细胞活性，实现：<br /></span>
<span class="text_19">细胞激活：</span> <span class="text_19">细胞激活：</span>
<span class="paragraph_3">六维能量矩阵促进微循环与线粒体功能；<br/></span> <span class="paragraph_3">六维能量矩阵促进微循环与线粒体功能；<br /></span>
<span class="text_20">代谢优化：</span> <span class="text_20">代谢优化：</span>
<span class="paragraph_4">持续的低频能量协同刺激神经肌肉协同；<br/></span> <span class="paragraph_4">持续的低频能量协同刺激神经肌肉协同；<br /></span>
<span class="text_21">系统自愈：</span> <span class="text_21">系统自愈：</span>
<span class="text_22">多模态协同作用激活人体天然修复机制。</span> <span class="text_22">多模态协同作用激活人体天然修复机制。</span>
</div> </div>
</div> </div>
</div> </div>
<div class="box_7 justify-center align-center"> <div class="box_7 justify-center align-center" @click="goToProduct" style="cursor: pointer;">
<div class="noHoverContent justify-center align-center flex-col"> <div class="noHoverContent justify-center align-center flex-col">
<img class="image_7" src="@/assets/brand/yfsl.png"/> <img class="image_7" src="@/assets/brand/yfsl.png" />
<span class="text_11">研发实力</span> <span class="text_11">研发实力</span>
<span class="text_12">03</span> <span class="text_12">03</span>
</div> </div>
<div class="hoverContent justify-center align-center flex-col"> <div class="hoverContent justify-center align-center flex-col">
<span class="text_13">03</span> <span class="text_13">03</span>
<img class="image_9" src="@/assets/brand/yfsl.png"/> <img class="image_9" src="@/assets/brand/yfsl.png" />
<span class="text_14">研发实力</span> <span class="text_14">研发实力</span>
<div class="text-wrapper_6"> <div class="text-wrapper_6">
<span class="text_15">核心产品</span> <span class="text_15">核心产品</span>
<span class="text_16">多模态物理能量自愈舱</span> <span class="text_16">多模态物理能量自愈舱</span>
<span <span class="text_17">，突破单一能量局限，协同增效。整合了远红外、交变磁场、太赫兹波、热能量、氢分子、氧分子六种物理能量模态，基于</span>
class="text_17">，突破单一能量局限，协同增效。整合了远红外、交变磁场、太赫兹波、热能量、氢分子、氧分子六种物理能量模态，基于</span>
<span class="text_18">“细胞生物微动力修复理论”</span> <span class="text_18">“细胞生物微动力修复理论”</span>
<span class="paragraph_2">通过精确调控频率、强度等参数，特异性作用于细胞，促进细胞的新陈代谢，提升细胞活性，实现：<br/></span> <span class="paragraph_2">通过精确调控频率、强度等参数，特异性作用于细胞，促进细胞的新陈代谢，提升细胞活性，实现：<br /></span>
<span class="text_19">细胞激活：</span> <span class="text_19">细胞激活：</span>
<span class="paragraph_3">六维能量矩阵促进微循环与线粒体功能；<br/></span> <span class="paragraph_3">六维能量矩阵促进微循环与线粒体功能；<br /></span>
<span class="text_20">代谢优化：</span> <span class="text_20">代谢优化：</span>
<span class="paragraph_4">持续的低频能量协同刺激神经肌肉协同；<br/></span> <span class="paragraph_4">持续的低频能量协同刺激神经肌肉协同；<br /></span>
<span class="text_21">系统自愈：</span> <span class="text_21">系统自愈：</span>
<span class="text_22">多模态协同作用激活人体天然修复机制。</span> <span class="text_22">多模态协同作用激活人体天然修复机制。</span>
</div> </div>
</div> </div>
</div> </div>
<div class="box_8 justify-center align-center"> <div class="box_8 justify-center align-center" @click="goToProduct" style="cursor: pointer;">
<div class="noHoverContent justify-center align-center flex-col"> <div class="noHoverContent justify-center align-center flex-col">
<img class="image_7" src="@/assets/brand/cpyy.png"/> <img class="image_7" src="@/assets/brand/cpyy.png" />
<span class="text_11">产品应用</span> <span class="text_11">产品应用</span>
<span class="text_12">04</span> <span class="text_12">04</span>
</div> </div>
<div class="hoverContent justify-center align-center flex-col"> <div class="hoverContent justify-center align-center flex-col">
<span class="text_13">04</span> <span class="text_13">04</span>
<img class="image_9" src="@/assets/brand/cpyy.png"/> <img class="image_9" src="@/assets/brand/cpyy.png" />
<span class="text_14">产品应用</span> <span class="text_14">产品应用</span>
<div class="text-wrapper_6"> <div class="text-wrapper_6">
<span class="text_15">核心产品</span> <span class="text_15">核心产品</span>
<span class="text_16">多模态物理能量自愈舱</span> <span class="text_16">多模态物理能量自愈舱</span>
<span <span class="text_17">，突破单一能量局限，协同增效。整合了远红外、交变磁场、太赫兹波、热能量、氢分子、氧分子六种物理能量模态，基于</span>
class="text_17">，突破单一能量局限，协同增效。整合了远红外、交变磁场、太赫兹波、热能量、氢分子、氧分子六种物理能量模态，基于</span>
<span class="text_18">“细胞生物微动力修复理论”</span> <span class="text_18">“细胞生物微动力修复理论”</span>
<span class="paragraph_2">通过精确调控频率、强度等参数，特异性作用于细胞，促进细胞的新陈代谢，提升细胞活性，实现：<br/></span> <span class="paragraph_2">通过精确调控频率、强度等参数，特异性作用于细胞，促进细胞的新陈代谢，提升细胞活性，实现：<br /></span>
<span class="text_19">细胞激活：</span> <span class="text_19">细胞激活：</span>
<span class="paragraph_3">六维能量矩阵促进微循环与线粒体功能；<br/></span> <span class="paragraph_3">六维能量矩阵促进微循环与线粒体功能；<br /></span>
<span class="text_20">代谢优化：</span> <span class="text_20">代谢优化：</span>
<span class="paragraph_4">持续的低频能量协同刺激神经肌肉协同；<br/></span> <span class="paragraph_4">持续的低频能量协同刺激神经肌肉协同；<br /></span>
<span class="text_21">系统自愈：</span> <span class="text_21">系统自愈：</span>
<span class="text_22">多模态协同作用激活人体天然修复机制。</span> <span class="text_22">多模态协同作用激活人体天然修复机制。</span>
</div> </div>
</div> </div>
</div> </div>
<div class="box_9 justify-center align-center"> <div class="box_9 justify-center align-center" @click="goToProduct" style="cursor: pointer;">
<div class="noHoverContent justify-center align-center flex-col"> <div class="noHoverContent justify-center align-center flex-col">
<img class="image_7" src="@/assets/brand/shzr.png"/> <img class="image_7" src="@/assets/brand/shzr.png" />
<span class="text_11">社会责任</span> <span class="text_11">社会责任</span>
<span class="text_12">05</span> <span class="text_12">05</span>
</div> </div>
<div class="hoverContent justify-center align-center flex-col"> <div class="hoverContent justify-center align-center flex-col">
<span class="text_13">05</span> <span class="text_13">05</span>
<img class="image_9" src="@/assets/brand/shzr.png"/> <img class="image_9" src="@/assets/brand/shzr.png" />
<span class="text_14">社会责任</span> <span class="text_14">社会责任</span>
<div class="text-wrapper_6"> <div class="text-wrapper_6">
<span class="text_15">核心产品</span> <span class="text_15">核心产品</span>
<span class="text_16">多模态物理能量自愈舱</span> <span class="text_16">多模态物理能量自愈舱</span>
<span <span class="text_17">，突破单一能量局限，协同增效。整合了远红外、交变磁场、太赫兹波、热能量、氢分子、氧分子六种物理能量模态，基于</span>
class="text_17">，突破单一能量局限，协同增效。整合了远红外、交变磁场、太赫兹波、热能量、氢分子、氧分子六种物理能量模态，基于</span>
<span class="text_18">“细胞生物微动力修复理论”</span> <span class="text_18">“细胞生物微动力修复理论”</span>
<span class="paragraph_2">通过精确调控频率、强度等参数，特异性作用于细胞，促进细胞的新陈代谢，提升细胞活性，实现：<br/></span> <span class="paragraph_2">通过精确调控频率、强度等参数，特异性作用于细胞，促进细胞的新陈代谢，提升细胞活性，实现：<br /></span>
<span class="text_19">细胞激活：</span> <span class="text_19">细胞激活：</span>
<span class="paragraph_3">六维能量矩阵促进微循环与线粒体功能；<br/></span> <span class="paragraph_3">六维能量矩阵促进微循环与线粒体功能；<br /></span>
<span class="text_20">代谢优化：</span> <span class="text_20">代谢优化：</span>
<span class="paragraph_4">持续的低频能量协同刺激神经肌肉协同；<br/></span> <span class="paragraph_4">持续的低频能量协同刺激神经肌肉协同；<br /></span>
<span class="text_21">系统自愈：</span> <span class="text_21">系统自愈：</span>
<span class="text_22">多模态协同作用激活人体天然修复机制。</span> <span class="text_22">多模态协同作用激活人体天然修复机制。</span>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<span class="paragraph_5">阳生万物多模态物理能量自愈舱<br/>历时5年的潜心研究，7224平米的生产基地，20+项发明专利，约3474人次做舱数据积累。</span> <span class="paragraph_5">阳生万物多模态物理能量自愈舱<br />历时5年的潜心研究，7224平米的生产基地，20+项发明专利，约3474人次做舱数据积累。</span>
<div class="box_10 justify-between flex-row"> <div class="box_10 justify-between flex-row">
<div class=" flex-row justify-center align-center"> <div class=" flex-row justify-center align-center">
<img class="image_16" src="@/assets/brand/qxyj.png"/> <img class="image_16" src="@/assets/brand/qxyj.png" />
<span class="text_29">5</span> <span class="text_29">5</span>
<div class="flex-col justify-between"> <div class="flex-col justify-between">
<span class="text_30">年</span> <span class="text_30">年</span>
...@@ -176,7 +169,7 @@ ...@@ -176,7 +169,7 @@
</div> </div>
<div class=" flex-row justify-center align-center"> <div class=" flex-row justify-center align-center">
<img class="image_16" src="@/assets/brand/scjd.png"/> <img class="image_16" src="@/assets/brand/scjd.png" />
<span class="text_29">7224</span> <span class="text_29">7224</span>
<div class="flex-col justify-between"> <div class="flex-col justify-between">
<span class="text_30">平方米+</span> <span class="text_30">平方米+</span>
...@@ -185,7 +178,7 @@ ...@@ -185,7 +178,7 @@
</div> </div>
<div class=" flex-row justify-center align-center"> <div class=" flex-row justify-center align-center">
<img class="image_16" src="@/assets/brand/fmzl.png"/> <img class="image_16" src="@/assets/brand/fmzl.png" />
<span class="text_29">20</span> <span class="text_29">20</span>
<div class="flex-col justify-between"> <div class="flex-col justify-between">
<span class="text_30">项+</span> <span class="text_30">项+</span>
...@@ -194,7 +187,7 @@ ...@@ -194,7 +187,7 @@
</div> </div>
<div class=" flex-row justify-center align-center"> <div class=" flex-row justify-center align-center">
<img class="image_16" src="@/assets/brand/zcsj.png"/> <img class="image_16" src="@/assets/brand/zcsj.png" />
<span class="text_29">3474</span> <span class="text_29">3474</span>
<div class="flex-col justify-between"> <div class="flex-col justify-between">
<span class="text_30">人+</span> <span class="text_30">人+</span>
...@@ -208,8 +201,15 @@ ...@@ -208,8 +201,15 @@
<script setup> <script setup>
import SecondHeader from '../components/second_header.vue'; import SecondHeader from '../components/second_header.vue';
import bgHeaderUrl from '@/assets/brand/topBC.png' import bgHeaderUrl from '@/assets/brand/topBC.png'
import { useRouter } from "vue-router";
// 路由跳转
const router = useRouter()
const goToProduct = () => {
router.push('/Product')
}
</script> </script>
<style src="./common.css"/> <style src="./common.css" />
<style scoped> <style scoped>
.page { .page {
position: relative; position: relative;
......
src/views/contact-us.vue
...@@ -226,7 +226,7 @@ const save = async () => { ...@@ -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, { const response = await fetch(API_URL, {
method: 'PUT', method: 'PUT',
......
src/views/homepage.vue
...@@ -44,12 +44,12 @@ ...@@ -44,12 +44,12 @@
</div> </div>
<span class="text_5">02.技术定位：多模态物理复合能量场新范式</span> <span class="text_5">02.技术定位：多模态物理复合能量场新范式</span>
<span class="text_6">多模态物理复合能量场技术，尖端科技升级再创新，科技健康管理先进设备。</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> <span class="text_7">READ&nbsp;MORE</span>
</div> </div>
<div class="list_1 flex-row"> <div class="list_1 flex-row">
<div class="list-items_1 flex-col" :style="{ background: item.lanhuBg0 }" v-for="(item, index) in loopData0" <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 class="text-group_2 flex-col justify-between">
<div> <div>
<span class="text_8" v-html="item.lanhutext0"></span> <span class="text_8" v-html="item.lanhutext0"></span>
...@@ -66,7 +66,7 @@ ...@@ -66,7 +66,7 @@
</div> </div>
</div> </div>
<div class="product-advantages flex-row justify-between"> <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"> <div class="text-group_3 flex-col justify-between">
<span class="text_10">产品优势</span> <span class="text_10">产品优势</span>
<span class="text_11">中国科学院专家创新研发</span> <span class="text_11">中国科学院专家创新研发</span>
...@@ -126,7 +126,7 @@ ...@@ -126,7 +126,7 @@
</div> </div>
</div> </div>
<div class="group_4 flex-row justify-between"> <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="section_17 flex-col"></div>
<div class="text-group_9 flex-col justify-between"> <div class="text-group_9 flex-col justify-between">
<span class="text_25">产品应用</span> <span class="text_25">产品应用</span>
...@@ -141,7 +141,7 @@ ...@@ -141,7 +141,7 @@
</div> </div>
</div> </div>
<div class="box_11 flex-row"> <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> <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>
...@@ -157,7 +157,7 @@ ...@@ -157,7 +157,7 @@
<img class="image_17" src="@/assets/common/caidai.png" /> <img class="image_17" src="@/assets/common/caidai.png" />
</div> </div>
<div class="block_3 flex-row justify-between"> <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_6 flex-row justify-between">
<div class="group_7 flex-col 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" />
...@@ -169,7 +169,7 @@ ...@@ -169,7 +169,7 @@
<span class="paragraph_4">资金实力雄厚，希望长期持有资产的机构（如高端康复中心、私立医院、健康管理机构）。<br /><br />计划快速回本并持续盈利的投资者。</span> <span class="paragraph_4">资金实力雄厚，希望长期持有资产的机构（如高端康复中心、私立医院、健康管理机构）。<br /><br />计划快速回本并持续盈利的投资者。</span>
</div> </div>
</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="section_18 flex-row justify-between">
<div class="block_4 flex-col 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" />
...@@ -243,6 +243,7 @@ import bg2 from '@/assets/homepage/banner2.jpg' ...@@ -243,6 +243,7 @@ import bg2 from '@/assets/homepage/banner2.jpg'
import bg3 from '@/assets/homepage/banner3.jpg' import bg3 from '@/assets/homepage/banner3.jpg'
import { ref, computed, onMounted, onUnmounted } from "vue"; import { ref, computed, onMounted, onUnmounted } from "vue";
import { ElMessage } from "element-plus"; import { ElMessage } from "element-plus";
import { useRouter } from "vue-router";
// 轮播图数据 // 轮播图数据
const currentSlide = ref(1) // 从第二张开始，因为第一张是克隆的最后一张 const currentSlide = ref(1) // 从第二张开始，因为第一张是克隆的最后一张
...@@ -276,6 +277,21 @@ const carouselSlides = ref([ ...@@ -276,6 +277,21 @@ const carouselSlides = ref([
const isTransitioning = ref(false) 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 = () => { const nextSlide = () => {
if (isTransitioning.value) return if (isTransitioning.value) return
...@@ -450,7 +466,7 @@ const save = async () => { ...@@ -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, { const response = await fetch(API_URL, {
method: 'PUT', method: 'PUT',
...@@ -501,7 +517,7 @@ const resetForm = () => { ...@@ -501,7 +517,7 @@ const resetForm = () => {
.homepage-container { .homepage-container {
position: relative; position: relative;
width: 100vw; width: 100vw;
height: 330vw; height: 320vw;
overflow: hidden; overflow: hidden;
} }
...@@ -1518,9 +1534,6 @@ const resetForm = () => { ...@@ -1518,9 +1534,6 @@ const resetForm = () => {
} }
.box_15 { .box_15 {
position: absolute;
left: 0;
top: 281.25vw;
width: 72.97vw; width: 72.97vw;
height: 38.08vw; height: 38.08vw;
} }
......
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