dengzhifeng/ufutx-pc-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 20250926

Browse Source
This commit is contained in:
mac·ufutx 2025-09-26 15:26:14 +08:00
parent 4e5d6980eb
commit 7ee5633d14
7 changed files with 47 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
index.html
View File

@ -24,6 +24,13 @@
<!-- 微信特定标签（增强兼容性） --> <!-- 微信特定标签（增强兼容性） -->
<meta name="description" content="这是分享的详细描述（微信 fallback 用）" /> <meta name="description" content="这是分享的详细描述（微信 fallback 用）" />
<meta name="thumbnail" content="https://images.health.ufutx.com/202507/14/be87f139c2c1a98f259db1fb3c82de6b.png" /> <!-- 微信缩略图 --> <meta name="thumbnail" content="https://images.health.ufutx.com/202507/14/be87f139c2c1a98f259db1fb3c82de6b.png" /> <!-- 微信缩略图 -->
<!-- index.html 的 <head> 中添加 -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
<meta name="format-detection" content="telephone=no"> <!-- 避免手机号被默认识别为链接 -->
<meta name="apple-mobile-web-app-capable" content="yes"> <!-- 适配 iOS 微信 -->
<!-- 修复后的viewport，适配安卓X5内核 -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=device-dpi">
<title>友福同享官网</title> <title>友福同享官网</title>
</head> </head>
<body> <body>
@ -32,5 +39,6 @@
<!--<script src="https://cdn.jsdelivr.net/npm/element-plus@2.4.10/dist/index.full.min.js"></script>--> <!--<script src="https://cdn.jsdelivr.net/npm/element-plus@2.4.10/dist/index.full.min.js"></script>-->
<script type="module" src="/src/main.ts"></script> <script type="module" src="/src/main.ts"></script>
</body> </body>
</html> </html>

12
src/views/About/About.vue
View File

@ -5,17 +5,17 @@
<!-- 友福同享简介--> <!-- 友福同享简介-->
<CompanyTimeline /> <CompanyTimeline />
<!-- // 子公司分布--> <!-- // 子公司分布-->
<BranchDistribution /> <!-- <BranchDistribution />-->
<!-- 我们重新定义健康未来--> <!-- 我们重新定义健康未来-->
<RedefineHealth /> <!-- <RedefineHealth />-->
<!-- 应用场景--> <!-- 应用场景-->
<CompanyValues /> <!-- <CompanyValues />-->
<!-- 资质认证--> <!-- 资质认证-->
<QualificationCarousel /> <!-- <QualificationCarousel />-->
<!-- 使命与愿景--> <!-- 使命与愿景-->
<MissionVision /> <!-- <MissionVision />-->
<!-- 合作伙伴--> <!-- 合作伙伴-->
<Partners /> <!-- <Partners />-->
<!-- <FooterContact />--> <!-- <FooterContact />-->
</div> </div>
</template> </template>

3
src/views/About/sections/BannerCarousel.vue
View File

@ -139,6 +139,9 @@
// 响应式适配 // 响应式适配
@media (max-width: 768px) { @media (max-width: 768px) {
.banner-bg {
height: auto !important;
}
.banner-content { .banner-content {
.main-title { .main-title {
font-size: 32px; font-size: 32px;

24
src/views/About/sections/CompanyIntro.vue
View File

@ -6,7 +6,7 @@
<p class="card-desc">友福同享—<br />AI精准健康的领航者</p> <p class="card-desc">友福同享—<br />AI精准健康的领航者</p>
<p class="card-text"> <p class="card-text">
友福同享（深圳）智能科技有限公司以人工智能为核心驱动力，专注于生命科学与AI技术融合，打造主动式精准健康管理平台。<br /> 友福同享（深圳）智能科技有限公司以人工智能为核心驱动力，专注于生命科学与AI技术融合，打造主动式精准健康管理平台。<br />
公司依托先进的算法模型与多维度数据体系，为个人提供精准预测与个性化健康方案，业务覆盖全球20+国家和地区，同时深度赋能企业、政府及医疗健康机构，提供标准化、场景化的AI健康解决方案，构建健康产业新生态。 公司依托先进的算法模型与多维度数据体系，为个人提供精准预测与个性化健康方案，业务覆盖全球13+国家和70+城市，同时深度赋能企业、政府及医疗健康机构，提供标准化、场景化的AI健康解决方案，构建健康产业新生态。
</p> </p>
</div> </div>
<div class="team-info"> <div class="team-info">
@ -95,16 +95,22 @@
@media (max-width: @tablet-breakpoint) { @media (max-width: @tablet-breakpoint) {
padding: 40px 20px; padding: 40px 20px;
.intro-content { .intro-content {
flex-direction: column; .card-text {
line-height: 12px !important;
.intro-card {
order: 2;
} }
.team-list {
.team-info { line-height: 14px !important;
order: 1;
margin-bottom: 40px;
} }
//flex-direction: column;
//
//.intro-card {
// order: 2;
//}
//
//.team-info {
// order: 1;
// margin-bottom: 40px;
//}
} }
} }
} }

24
src/views/About/sections/CompanyTimeline.vue
View File

@ -220,20 +220,20 @@ const timelineData = [
// 响应式适配（移动端垂直排列） // 响应式适配（移动端垂直排列）
@media (max-width: 768px) { @media (max-width: 768px) {
.timeline-section {
height: 300px !important;
}
.timeline-container { .timeline-container {
height: auto; // 取消固定高度 //height: auto; // 取消固定高度
padding: 40px 0; padding: 40px 0;
.stage-content {
//.timeline-stage { list-style: none;
// position: relative; // 重置定位 padding: 0;
// margin: 40px auto; // 垂直分布 font-size: 18px;
// width: 80%; // 适配小屏宽度 li {
// left: auto; line-height: 13px !important;
// right: auto; }
// top: auto; }
// bottom: auto;
// transform: none; // 清除变换
//}
} }
} }
} }

2
src/views/Ecosystem/sections/RegionCooperation.vue
View File

@ -24,7 +24,7 @@ const cooperations = [
{ {
icon: 'https://images.health.ufutx.com/202506/19/f3c8ac06eca308002736e3e42e026265.png', icon: 'https://images.health.ufutx.com/202506/19/f3c8ac06eca308002736e3e42e026265.png',
title: '丰富的市场验证与成功案例', title: '丰富的市场验证与成功案例',
desc: '已服务16+国家、70+地区客户，数千例客户成功案例' desc: '已服务13+国家、70+地区客户，数千例客户成功案例'
}, },
{ {
icon: 'https://images.health.ufutx.com/202506/19/f3c8ac06eca308002736e3e42e026265.png', icon: 'https://images.health.ufutx.com/202506/19/f3c8ac06eca308002736e3e42e026265.png',

3
src/views/Home/sections/GlobalService.vue
View File

@ -2,7 +2,8 @@
<section class="global-service"> <section class="global-service">
<div class="container"> <div class="container">
<h3 class="section-title">我们全球服务覆盖范围</h3> <h3 class="section-title">我们全球服务覆盖范围</h3>
<p class="section-desc">覆盖国家/地区：65+ · 客户产业覆盖范围：13+</p> <!-- <p class="section-desc">65+ 国家/地区覆盖 | 13+ 产业领域服务</p>-->
<p class="section-desc">业务已拓展至 13+ 个国家，覆盖全国 70+ 个城市</p>
<!-- 替换为实际地图路径 --> <!-- 替换为实际地图路径 -->
<img <img
src="https://images.health.ufutx.com/202506/12/2acedc9535b108d6cd079b34bb01e78e.jpeg" src="https://images.health.ufutx.com/202506/12/2acedc9535b108d6cd079b34bb01e78e.jpeg"