51 lines
1.0 KiB
Vue
51 lines
1.0 KiB
Vue
|
<template>
|
|||
|
|
<section class="global-service">
|
|||
|
|
<div class="container">
|
|||
|
|
<h3 class="section-title">我们全球服务覆盖范围</h3>
|
|||
|
|
<p class="section-desc">覆盖国家/地区：6+ · 客户产业覆盖范围：15+</p>
|
|||
|
|
<!-- 替换为实际地图路径 -->
|
|||
|
|
<img
|
|||
|
|
src="https://images.health.ufutx.com/202506/12/2acedc9535b108d6cd079b34bb01e78e.jpeg"
|
|||
|
|
alt="世界地图"
|
|||
|
|
class="world-map"
|
|||
|
|
/>
|
|||
|
|
</div>
|
|||
|
|
</section>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script setup lang="ts">
|
|||
|
|
// 暂无逻辑，纯展示
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style scoped lang="less">
|
|||
|
|
.global-service {
|
|||
|
|
padding: 80px 0;
|
|||
|
|
background-color: #fff;
|
|||
|
|
|
|||
|
|
.container {
|
|||
|
|
max-width: 1200px;
|
|||
|
|
margin: 0 auto;
|
|||
|
|
text-align: center;
|
|||
|
|
|
|||
|
|
.section-title {
|
|||
|
|
font-size: 28px;
|
|||
|
|
font-weight: bold;
|
|||
|
|
margin-bottom: 10px;
|
|||
|
|
color: #333;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.section-desc {
|
|||
|
|
font-size: 16px;
|
|||
|
|
color: #666;
|
|||
|
|
margin-bottom: 40px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.world-map {
|
|||
|
|
max-width: 1000px;
|
|||
|
|
width: 100%;
|
|||
|
|
height: auto;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</style>
|