|
@@ -62,7 +62,7 @@
|
|
|
</van-grid>
|
|
|
<div class="app_panel">
|
|
|
<div class="app_panel_title">综合应用</div>
|
|
|
- <div v-for="(item, index) in menu2" :key="index" class="box">
|
|
|
+ <div v-for="(item, index) in menu2" :key="index" :class="index === 0 ? 'box2' : 'box'">
|
|
|
<div class="box-title">{{ item.name }}</div>
|
|
|
<div class="box-content">
|
|
|
<div
|
|
@@ -118,12 +118,18 @@ const menu2 = ref([
|
|
|
{
|
|
|
name: "自然灾害风险监测",
|
|
|
children: [
|
|
|
+ { name: '预警态势', icon: 'monitor', url: 'WarningSituation' },
|
|
|
+ { name: '大风灾害', icon: 'wind', url: 'GaleDisaster' },
|
|
|
+ { name: '森林火灾', icon: 'forestFire', url: 'ForestFireWarn' },
|
|
|
+ { name: '台风实况', icon: 'typhoon', url: 'TyphoonPath' },
|
|
|
+ { name: '水库监测', icon: 'hydrology', url: 'ReservoirMonitor' },
|
|
|
+ { name: '河道监测', icon: 'riverMonitor', url: 'RiverMonitor' },
|
|
|
{ name: "应急响应", icon: "emergencyResponse", url: "EmergencyResponse" },
|
|
|
{ name: "卫星云图", icon: "satelliteCloudChart", url: "SatelliteCloudchart" },
|
|
|
{ name: "雷达回波图", icon: "radarEchoMap", url: "RadarEchoMap" },
|
|
|
- { name: "气温降水实况", icon: "temperatureAndPrecipitation", url: "TemperatureAndPrecipitation" },
|
|
|
{ name: "天气预报", icon: "weatherForecast", url: "WeatherForecast" },
|
|
|
- { name: "强降水", icon: "temperatureAndPrecipitation", url: "Rainfall" },
|
|
|
+ { name: "强降水", icon: "rainfall", url: "Rainfall" },
|
|
|
+ { name: "气温降水实况", icon: "temperatureAndPrecipitation", url: "TemperatureAndPrecipitation" },
|
|
|
{ name: "易涝点视频", icon: "easyToflood", url: "EasyToFloodPoint" }
|
|
|
]
|
|
|
},
|
|
@@ -393,7 +399,8 @@ onUnmounted(() => {
|
|
|
letter-spacing: 0;
|
|
|
margin-bottom: 4px;
|
|
|
}
|
|
|
- .box {
|
|
|
+ .box,
|
|
|
+ .box2 {
|
|
|
width: 100%;
|
|
|
height: 152px;
|
|
|
background: url("@/assets/images/index/boxBg.png") no-repeat;
|
|
@@ -431,6 +438,11 @@ onUnmounted(() => {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+ .box2 {
|
|
|
+ height: 214px;
|
|
|
+ background: url("@/assets/images/index/boxBg2.png") no-repeat;
|
|
|
+ background-size: 100% 100%;
|
|
|
+ }
|
|
|
}
|
|
|
.search-list {
|
|
|
position: absolute;
|