<!-- 机巢状态 -->
|
<template>
|
<CommonTitle title="机巢状态" />
|
<div :style="{ marginLeft: pxToRem(14) }">
|
<div class="machine-status">
|
<div class="info">
|
<img src="@/assets/images/signMachineNest/machineRight/wrj.png" alt="">
|
<div class="info-right">
|
<div class="name">Matrice 30</div>
|
<div class="wz">当前位置：450.32；210.56</div>
|
<div class="">
|
<div>舱内关机</div>
|
<div>需要维保</div>
|
</div>
|
</div>
|
</div>
|
<div class="status">
|
<div>实时真高</div>
|
<div>200<span>米</span></div>
|
</div>
|
</div>
|
</div>
|
</template>
|
|
<script setup>
|
import CommonTitle from '@/components/CommonTitle.vue';
|
</script>
|
|
<style lang="scss" scoped>
|
.machine-status {
|
width: 390px;
|
height: 230px;
|
background: linear-gradient(
|
270deg,
|
#1f3e7a 0%,
|
rgba(31, 62, 122, 0.35) 79%,
|
rgba(31, 62, 122, 0) 100%
|
);
|
opacity: 0.85;
|
margin: 2px 0 13 0;
|
display: flex;
|
justify-content: space-between;
|
padding: 8px 0px 20px 18px;
|
.info {
|
height: 88px;
|
display: flex;
|
align-items: center;
|
img {
|
width: 94px;
|
height: 88px;
|
}
|
.info-right {
|
name {
|
font-family: YouSheBiaoTiHei, YouSheBiaoTiHei;
|
font-weight: 400;
|
font-size: 24px;
|
color: #0BE5F5;
|
line-height: 28px;
|
}
|
}
|
}
|
}
|
</style>
|
