ufutx-pc-website/src/views/Home/sections/GlobalService.vue
2025-09-26 15:26:14 +08:00

53 lines
1.2 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="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>