#

lsh

2024-09-14 204d411e545412dc65545b1b9149479a6d07672a

 src/main/webapp/views/index.html

@@ -63,8 +63,13 @@
            line-height: 24px;
            font-weight: bold;
            transition: transform 0.3s ease;
            background-color: #FF5722;
            transform: scale(1.2);
        }
        .bus {
            background-color: #2196F3;
            border: 20px solid;
            border-color: #2196F3;
            position: absolute;
            width: 24px;
            height: 24px;
@@ -73,14 +78,6 @@
            line-height: 24px;
            font-weight: bold;
            transition: transform 0.3s ease;
        }
        .station {
            background-color: #FF5722;
            transform: scale(1.2);
        }
        .bus {
            background-color: #2196F3;
            border: 20px solid #ffffff;
        }
        .station:hover, .bus:hover {
            transform: scale(1.4);
@@ -104,13 +101,13 @@
<!--        <div class="station" style="top: 30%; left: 0;">6</div>-->

        <!-- Stations on inner ring -->
<!--        <div class="station" style="top: 5%; left: 50%;">7</div>-->
        <div class="station" style="top: 0%; left: 0%;">500</div>
<!--        <div class="station" style="top: 25%; left: 80%;">8</div>-->
<!--        <div class="station" style="top: 75%; left: 80%;">9</div>-->
<!--        <div class="station" style="top: 95%; left: 50%;">10</div>-->
<!--        <div class="station" style="top: 75%; left: 20%;">11</div>-->
<!--        <div class="station" style="top: 25%; left: 20%;">12</div>-->
        <div v-for="station in tableDataDev" class="station" :style="{ top: station.valueX + '%', left: station.valueY + '%' }">{{ station.index }}</div>
<!--        <div v-for="station in tableDataDev" class="station" :style="{ top: station.valueX + '%', left: station.valueY + '%' }">{{ station.index }}</div>-->


        <!-- Buses -->