From 1e2dbdea04cd6ac9ccd8daa7fefd2165df732286 Mon Sep 17 00:00:00 2001
From: Junjie <540245094@qq.com>
Date: 星期五, 25 七月 2025 15:48:33 +0800
Subject: [PATCH] #

---
 src/main/webapp/views/console.html         |   25 +++++++++++++++----------
 src/main/webapp/static/css/console_vue.css |    9 ++++++---
 2 files changed, 21 insertions(+), 13 deletions(-)

diff --git a/src/main/webapp/static/css/console_vue.css b/src/main/webapp/static/css/console_vue.css
index 45380ab..3978e49 100644
--- a/src/main/webapp/static/css/console_vue.css
+++ b/src/main/webapp/static/css/console_vue.css
@@ -415,7 +415,7 @@
 	background-color: hsl(228, 8%, 54%);
 }
 
-.sxcar{
+.sxcar {
 	width: 35px;
 	height: 35px;
 	background-image: url(../images/sxcar.png);
@@ -428,6 +428,9 @@
 	align-items: center;
 	text-shadow: 2px 2px 4px #000000;
 	font-size: 18px;
-	transition: all 0.8s;
 	user-select: none;
-}
\ No newline at end of file
+
+	/* 鍏抽敭淇敼閮ㄥ垎 */
+	transform: translate(var(--x-pos), var(--y-pos));
+	transition: transform 0.5s ease-in-out;
+}
diff --git a/src/main/webapp/views/console.html b/src/main/webapp/views/console.html
index 1da3dbe..93c1aa3 100644
--- a/src/main/webapp/views/console.html
+++ b/src/main/webapp/views/console.html
@@ -13,6 +13,9 @@
 		<script type="text/javascript" src="../static/js/common.js"></script>
 		<script type="text/javascript" src="../static/vue/js/vue.min.js"></script>
 		<script type="text/javascript" src="../static/vue/element/element.js"></script>
+		<style>
+
+		</style>
 	</head>
 	<body>
 		<div id="app">
@@ -57,15 +60,17 @@
 						</div>
 					</div>
 
-					<!--杈撳嚭灏忚溅-->
-					<div v-for="(car,idx) in currentLevShuttleList"
-						 :style="{
-						 left: getCarPosition(car.point.x,car.point.y)[1]
-						 ,top: getCarPosition(car.point.x,car.point.y)[0]
-						 ,color: shuttleColorList[car.shuttleNo]
-						 }"
-						 class="sxcar" :id="'sxcar-' + car.shuttleNo">
-						{{car.shuttleNo}}
+					<div
+							v-for="(car, idx) in currentLevShuttleList"
+							:style="{
+								'--x-pos': getCarPosition(car.point.x, car.point.y)[1],
+								'--y-pos': getCarPosition(car.point.x, car.point.y)[0],
+								color: shuttleColorList[car.shuttleNo]
+							  }"
+							class="sxcar"
+							:id="'sxcar-' + car.shuttleNo"
+					>
+						{{ car.shuttleNo }}
 					</div>
 
 				</div>
@@ -77,7 +82,7 @@
 					</div>
 					<div>
 <!--						<el-button @click="testMove()">娴嬭瘯绉诲姩杞�</el-button>-->
-						<el-button @click="resetMap()">閲嶇疆鍦板浘</el-button>
+<!--						<el-button @click="resetMap()">閲嶇疆鍦板浘</el-button>-->
 <!--						<el-button @click="initLoc()">鍒濆鍖栧簱浣�</el-button>-->
 					</div>
 				</div>

--
Gitblit v1.9.1