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