|
@@ -33,6 +33,9 @@
|
|
|
<div v-if="item.name === '防风防汛'" class="icon1" style="width: 79px; height: 87px"></div>
|
|
|
<div v-if="item.name === '危化品安全监测' || item.name === '危险化工品'" class="icon2"
|
|
|
style="width: 71px; height: 80px"></div>
|
|
|
+ <div v-if="item.name === '其他'" class="icon3" style="width: 71px; height: 80px"></div>
|
|
|
+ <div v-if="item.name === '水情监测'" class="icon4" style="width: 71px; height: 80px"></div>
|
|
|
+ <div v-if="item.name === '自然灾害监测'" class="icon5" style="width: 71px; height: 80px"></div>
|
|
|
<div>{{ item.name }}</div>
|
|
|
<div :class="item.show ? 'expand-icon down-icon' : 'expand-icon up-icon'"
|
|
|
@click="changeBoxShow(item)"></div>
|
|
@@ -305,6 +308,15 @@ onMounted(() => {
|
|
|
.icon2 {
|
|
|
background-image: url('@/assets/images/menu/icon2.png');
|
|
|
}
|
|
|
+ .icon3 {
|
|
|
+ background-image: url('@/assets/images/menu/icon3.png');
|
|
|
+ }
|
|
|
+ .icon4 {
|
|
|
+ background-image: url('@/assets/images/menu/icon4.png');
|
|
|
+ }
|
|
|
+ .icon5 {
|
|
|
+ background-image: url('@/assets/images/menu/icon5.png');
|
|
|
+ }
|
|
|
|
|
|
.expand-icon {
|
|
|
position: absolute;
|