feat:完善样式

This commit is contained in:
zjc
2025-03-05 19:59:23 +08:00
parent 21cb9b04ca
commit 5619c9ddfb
5 changed files with 73 additions and 30 deletions

View File

@@ -12,7 +12,7 @@
</li>
</ul>
<div id="traffic-map" :class="[routers.length == 0 ? 'traffic-map-big' : 'traffic-map']" />
<div id="traffic-map" class="traffic-map-big" :class="{ 'traffic-map': routers.length > 0 }" />
<div v-if="routers.length > 0" class="list">
<div class="item" v-for="(item, index) in routers" :key="index" @click="handleRouter(item)">
@@ -183,16 +183,7 @@
background-size: 100% 100%;
}
}
.traffic-map {
position: relative;
z-index: 9;
width: vw(1500);
height: vh(955);
margin-left: vw(8);
box-sizing: border-box;
background-image: url('/src/assets/images/map-bg-2.png');
background-size: 100% 100%;
}
.traffic-map-big {
position: relative;
z-index: 9;
@@ -203,6 +194,9 @@
background-image: url('/src/assets/images/map-bg-2.png');
background-size: 100% 100%;
}
.traffic-map {
width: vw(1500) !important;
}
.video-list {
width: vw(320);
height: vh(120);