28 lines
552 B
Vue
28 lines
552 B
Vue
|
<template>
|
||
|
|
<div class="map-center-warp">
|
||
|
|
<img :src="getAssetsFile('images/gmmap.png')" class="map-img" />
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
<script setup>
|
||
|
|
import { isEmpty, getAssetsFile } from '@/utils';
|
||
|
|
</script>
|
||
|
|
<style lang="scss" scoped>
|
||
|
|
.map-center-warp {
|
||
|
|
width: 100%;
|
||
|
|
text-align: center;
|
||
|
|
position: relative;
|
||
|
|
height: 100%;
|
||
|
|
.map-img {
|
||
|
|
width: 80%;
|
||
|
|
height: 80%;
|
||
|
|
position: absolute;
|
||
|
|
bottom: 50px;
|
||
|
|
left: 50%;
|
||
|
|
object-fit: contain;
|
||
|
|
transform: translateX(-50%);
|
||
|
|
max-width: 1000px;
|
||
|
|
max-height: 1000px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</style>
|