feat(situational-awareness): 在左侧面板标题中添加相机图标

This commit is contained in:
Zzc 2025-11-19 16:01:29 +08:00
parent 66ed12b4cb
commit d47a024058
2 changed files with 19 additions and 0 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 KiB

View File

@ -2,6 +2,13 @@
<div class="left-panel-wrapper"> <div class="left-panel-wrapper">
<div class="left-panel"> <div class="left-panel">
<CollapsiblePanel title="快速感知" subtitle="「灾害分析」"> <CollapsiblePanel title="快速感知" subtitle="「灾害分析」">
<template #header-right>
<img
src="../../assets/images/摄像头.png"
alt="摄像头"
class="camera-icon"
/>
</template>
<DisasterAnalysis /> <DisasterAnalysis />
</CollapsiblePanel> </CollapsiblePanel>
@ -178,4 +185,16 @@ const handleStartDispatch = (payload) => {
transform: rotate(90deg); transform: rotate(90deg);
} }
} }
.camera-icon {
width: vw(24);
height: vw(24);
margin-right: vw(8);
cursor: pointer;
transition: opacity 0.2s ease;
&:hover {
opacity: 0.8;
}
}
</style> </style>