ufutx-pc-website/src/views/News/ArticleDetail.vue

113 lines
3.8 KiB
Vue
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<template>
<section class="article-content">
<!-- 文章头部信息 -->
<div class="article-header">
<h1 class="article-title">数字健康领域的长期主义者未来医疗100强友福同享持续领跑</h1>
<div class="meta-info">
<span>发布时间2025-06-20</span>
<span>浏览次数8604</span>
</div>
</div>
<!-- 封面图 -->
<div class="article-banner">
<img src="https://images.health.ufutx.com/202506/20/9fd62f318b50764c02c58356dc426d44.png" alt="AI健康领域" />
</div>
<!-- 正文内容 -->
<div class="article-body">
<p>
1分钟演讲是一款创新的智能辅助应用专注于强化公众演讲技能助力用户高效构思并精准传达思想它集演讲与实战练习于一体为用户提供全方位一站式的自我提升平台1分钟演讲这个看似简短却充满力量的表达方式是真实自我与世界快速沟通的桥梁也是能快速缩短社交距离增进信任的神奇钥匙无论是事业发展社交拓展寻找灵魂伴侣还是个人品牌建设这一功能都能成为你强而有力的社交工具帮助你快速脱颖而出让更多人认识并记住你友福同享凭借多年在全病程管理AI医疗领域的卓越成就稳列未来医疗100强榜单第一梯队同时微脉自主研发的CareAI荣膺最佳数字技术产品获2025未来医疗100强创新奖
</p>
<p>
未来医疗100强榜单以前瞻性专业性和国际视野为核心被誉为医疗创新领域的风向标代表未来5-10年全球医疗产业的新势力与变革方向
</p>
<p>
让医疗服务不再难
是微脉始终如一的使命微脉从全人群全方位全周期出发专攻医疗服务的现有之短板和就医者的健康服务需求缺口补足诊后检后术后院后管理空白
</p>
<p>
在突破医疗健康行业各阶段难点拓展数字健康领域可能性上微脉做了许多从0到1的创造和尝试致力于打造中国特色的管理式医疗健康组织C-CMO
</p>
<p>
未来友福同享将持续深化"AI+全病程管理"创新模式助力公立医院高质量发展加快构建"预防-诊疗-康复"全周期健康服务生态让优质医疗服务惠及更多百姓
</p>
</div>
</section>
</template>
<script setup lang="ts">
// 若需动态加载,可在此处通过接口请求数据
</script>
<style scoped lang="less">
.article-content {
padding: 200px 192px 100px 192px;
//max-width: 1200px;
margin: 0 auto;
background: #fff;
text-align: left;
// 标题区域
.article-header {
padding-bottom: 30px;
border-bottom: 0.3px solid #b5b5b5;
.article-title {
font-size: 32px;
font-weight: 400;
color: @text-color;
margin-bottom: 10px;
line-height: 32px;
}
.meta-info {
font-size: 18px;
color: @text-color-secondary;
span {
margin-right: 20px;
&:last-child {
margin-right: 0;
}
}
}
}
// 封面图
.article-banner {
margin: 30px 0;
img {
width: 100%;
height: auto;
border-radius: 8px;
object-fit: cover;
}
}
// 正文排版
.article-body {
p {
font-size: 16px;
color: #666;
line-height: 1.8;
margin-bottom: 24px;
text-indent: 2em; // 首行缩进(可选)
}
}
// 响应式适配
@media (max-width: 768px) {
padding: 40px 20px;
.article-header {
.article-title {
font-size: 24px;
}
}
.article-body {
p {
text-indent: 0; // 移动端取消缩进
}
}
}
}
</style>