forked from dengzhifeng/ufutx-pc-website
68 lines
1.7 KiB
Vue
68 lines
1.7 KiB
Vue
<template>
|
||
<section class="enterprise-cooperation">
|
||
<h2 class="section-title">企业/产业链合作</h2>
|
||
<p class="section-subtitle">从单点受益到生态共赢，重构健康产业价值</p>
|
||
<div class="cooperation-pyramid">
|
||
<img
|
||
src="https://images.health.ufutx.com/202506/19/31b93a2590b7410aa30de25c430e990c.png"
|
||
alt="金字塔模型"
|
||
class="pyramid-img"
|
||
/>
|
||
<!-- 标签可动态配置，此处简化 -->
|
||
<!-- <div class="pyramid-labels">-->
|
||
<!-- <span>终端用户</span>-->
|
||
<!-- <span>健康设备商/保险/金融</span>-->
|
||
<!-- <span>友福AI生态中枢平台</span>-->
|
||
<!-- <span>政府/医疗机构</span>-->
|
||
<!-- </div>-->
|
||
</div>
|
||
</section>
|
||
</template>
|
||
|
||
<script setup lang="ts">
|
||
/* 无业务逻辑 */
|
||
</script>
|
||
|
||
<style scoped lang="less">
|
||
.enterprise-cooperation {
|
||
text-align: center;
|
||
padding: 100px 0px;
|
||
//background: #f5f7fe;
|
||
|
||
.section-title {
|
||
font-size: @font-size-xxl;
|
||
font-weight: bold;
|
||
color: @text-color;
|
||
margin-bottom: 10px;
|
||
}
|
||
.section-subtitle {
|
||
font-size: @font-size-lg;
|
||
color: @text-color-secondary;
|
||
margin-bottom: 50px;
|
||
}
|
||
.cooperation-pyramid {
|
||
position: relative;
|
||
.pyramid-img {
|
||
width: 100%;
|
||
height: auto;
|
||
}
|
||
.pyramid-labels {
|
||
position: absolute;
|
||
top: 0;
|
||
left: 0;
|
||
width: 100%;
|
||
height: 100%;
|
||
display: flex;
|
||
flex-direction: column;
|
||
justify-content: center;
|
||
align-items: center;
|
||
gap: 20px;
|
||
span {
|
||
font-size: @font-size-sm;
|
||
color: @text-color-primary;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
</style>
|