<template>
|
<div class="footer">
|
<img class="machine-nest" src="@/assets/images/machine-nest.png" alt="">
|
<img class="event" src="@/assets/images/event.png" alt="">
|
<img class="panorama" src="@/assets/images/panorama.png" alt="">
|
<img class="threeD" src="@/assets/images/3D.png" alt="">
|
<img class="orthophoto" src="@/assets/images/orthophoto.png" alt="">
|
</div>
|
<div class="intelligent-introduction-flying">
|
<img class="orthophoto" src="@/assets/images/intelligent-introduction-flying.png" alt="">
|
</div>
|
</template>
|
|
<script setup>
|
|
</script>
|
|
<style scoped lang="scss">
|
.footer {
|
position: absolute;
|
bottom: 84px;
|
left: 624px;
|
img {
|
width: 103px;
|
height: 119px;
|
}
|
.event {
|
position: relative;
|
left: 40px;
|
bottom: 15px;
|
}
|
.panorama {
|
position: relative;
|
left: 80px;
|
bottom: 34px;
|
}
|
.threeD {
|
position: relative;
|
left: 120px;
|
bottom: 15px;
|
}
|
.orthophoto {
|
position: relative;
|
left: 160px;
|
}
|
}
|
.intelligent-introduction-flying {
|
position: absolute;
|
left: 888px;
|
bottom: 23px;
|
img {
|
width: 146px;
|
height: 54px;
|
}
|
}
|
</style>
|
