更改左侧布局展示

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