53 lines
1.2 KiB
Vue
53 lines
1.2 KiB
Vue
<template>
|
||
<section class="global-service">
|
||
<div class="container">
|
||
<h3 class="section-title">我们全球服务覆盖范围</h3>
|
||
<!-- <p class="section-desc">65+ 国家/地区覆盖 | 13+ 产业领域服务</p>-->
|
||
<p class="section-desc">业务已拓展至 13+ 个国家，覆盖全国 70+ 个城市</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 {
|
||
margin: 0 auto;
|
||
text-align: center;
|
||
.px(192px);
|
||
.section-title {
|
||
//background: red;
|
||
font-size: 32px;
|
||
font-weight: bold;
|
||
margin-bottom: 20px;
|
||
.mt(100px);
|
||
color: @text-color;
|
||
}
|
||
|
||
.section-desc {
|
||
font-size: 20px;
|
||
color: @text-color-secondary;
|
||
margin-bottom: 40px;
|
||
}
|
||
|
||
.world-map {
|
||
width: 100%;
|
||
height: auto;
|
||
.mb(70px);
|
||
}
|
||
}
|
||
}
|
||
</style>
|