设备菜单组件修改

main
zhufu 2025-10-27 16:04:07 +08:00
parent e9e578e62a
commit ec919b1e4a
7 changed files with 28 additions and 0 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 49 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 50 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 51 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 50 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 51 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 50 KiB

View File

@ -55,6 +55,7 @@ const getClassName = (type) => {
let className = ''
switch(type){
case '无人机':
case '无人机巡查':
className = 'drone'
break
case '摄像头':
@ -66,6 +67,15 @@ const getClassName = (type) => {
case '卫星遥感':
className = 'satellite'
break
case '公众反馈':
className = 'feedback'
break
case '地面巡查':
className = 'ground'
break
case '遥感监测':
className = 'remote'
break
default:
className = 'app'
break
@ -140,5 +150,23 @@ const { list, selectButton } = props.chartConfig.option
.app-select{
background-image: url('/public/components/DeviceMenu/app_select.png');
}
.feedback{
background-image: url('/public/components/DeviceMenu/feedback.png');
}
.feedback-select{
background-image: url('/public/components/DeviceMenu/feedback_select.png');
}
.ground{
background-image: url('/public/components/DeviceMenu/ground.png');
}
.ground-select{
background-image: url('/public/components/DeviceMenu/ground_select.png');
}
.remote{
background-image: url('/public/components/DeviceMenu/remote.png');
}
.remote-select{
background-image: url('/public/components/DeviceMenu/remote_select.png');
}
}
</style>