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