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>
|