From 4b752da779a99914b3d79a360a698d55d2f90a49 Mon Sep 17 00:00:00 2001
From: chenyao <1219716595@qq.com>
Date: Wed, 22 Jul 2026 17:38:56 +0800
Subject: [PATCH] feat:优化历史轨迹
---
applications/drone-command/src/components/map-container/common-cesium-map.vue | 18 ++++++++++++++++--
1 files changed, 16 insertions(+), 2 deletions(-)
diff --git a/applications/drone-command/src/components/map-container/common-cesium-map.vue b/applications/drone-command/src/components/map-container/common-cesium-map.vue
index 8db62cb..723a663 100644
--- a/applications/drone-command/src/components/map-container/common-cesium-map.vue
+++ b/applications/drone-command/src/components/map-container/common-cesium-map.vue
@@ -2,6 +2,9 @@
<div :id="mapId" class="common-cesium-map" @contextmenu.prevent>
<template v-if="props.list && props.list.length">
<div class="card">
+ <div class="timeline-prefix">
+ <slot name="timeline-prefix"></slot>
+ </div>
<div class="card-content">
<div class="card-item" v-for="(item, index) in props.list" @click="clickWeekTime(item, index)">
<div class="time-point">
@@ -326,6 +329,17 @@
color: #d5d5d5;
font-size: 14px;
+ .timeline-prefix {
+ position: absolute;
+ left: 7.5%;
+ top: 50%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ z-index: 2;
+ transform: translate(-50%, -50%);
+ }
+
.card-content {
display: flex;
justify-content: center;
@@ -404,10 +418,10 @@
.time-line {
position: absolute;
// top: 35px;
- width: 100%;
+ width: 70%;
// position: fixed;
+ left: 15%;
bottom: 36px;
- width: 100%;
border: 1px solid rgba(237, 237, 237, 0.6);
z-index: 0;
}
--
Gitblit v1.9.3