更改左侧布局展示

This commit is contained in:
zengmingjie 2025-07-20 16:11:04 +08:00
parent 0519d8c62a
commit 940f7b25c9
1 changed files with 13 additions and 10 deletions

View File

@ -98,12 +98,11 @@
<span class="text-fff-time">{{ drone.times }}</span> <span class="text-fff-time">{{ drone.times }}</span>
</div> </div>
<div class="content-serial"> <div class="content-serial">
<span class="color-ef-fw">无人机方位</span> <span class="color-ef-fw">无人机方位经纬度:</span>
</div> </div>
<div class="content-serial" style="height: 35%"> <div class="content-serial" style="height: 35%">
<div class="content-potions"> <div class="content-potions">
<div class="content-potions-lon"> <div class="content-potions-lon">
<p class="text">经纬度</p>
<p class="characters"> <p class="characters">
{{ drone.drone_lon }} {{ drone.drone_lon }}
<span v-if="drone.drone_lon !== null">,</span> <span v-if="drone.drone_lon !== null">,</span>
@ -111,12 +110,17 @@
</p> </p>
</div> </div>
<div class="content-potions-bottom"> <div class="content-potions-bottom">
<div class="content-text content-potions-lat"> <div
<p class="text">距离</p> class="content-text content-potions-lat"
<p class="characters" v-if="drone.distanceMeters"> style="width: 100%; display: flex; align-items: center"
{{ drone.distanceMeters }}M >
<p class="text">
距本设备距离:
<span class="characters" v-if="drone.distanceMeters">
{{ drone.distanceMeters }}M
</span>
<span class="characters" v-else></span>
</p> </p>
<p class="characters" v-else></p>
</div> </div>
</div> </div>
<div class="content-potions-lon"> <div class="content-potions-lon">
@ -130,12 +134,11 @@
</div> </div>
</div> </div>
<div class="content-serial"> <div class="content-serial">
<span class="color-ef-fw">飞手位置</span> <span class="color-ef-fw">飞手位置经纬度:</span>
</div> </div>
<div class="content-serial" style="height: 15%"> <div class="content-serial" style="height: 7%; margin-bottom: 8%">
<div class="content-fs"> <div class="content-fs">
<div class="content-fs-lon"> <div class="content-fs-lon">
<p class="text">经纬度</p>
<p class="characters"> <p class="characters">
{{ drone.app_lon }} {{ drone.app_lon }}
<span v-if="drone.app_lon !== null">,</span> <span v-if="drone.app_lon !== null">,</span>