feat(situational-awareness): 在左侧面板标题中添加相机图标
This commit is contained in:
parent
66ed12b4cb
commit
d47a024058
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
@ -2,6 +2,13 @@
|
||||
<div class="left-panel-wrapper">
|
||||
<div class="left-panel">
|
||||
<CollapsiblePanel title="快速感知" subtitle="「灾害分析」">
|
||||
<template #header-right>
|
||||
<img
|
||||
src="../../assets/images/摄像头.png"
|
||||
alt="摄像头"
|
||||
class="camera-icon"
|
||||
/>
|
||||
</template>
|
||||
<DisasterAnalysis />
|
||||
</CollapsiblePanel>
|
||||
|
||||
@ -178,4 +185,16 @@ const handleStartDispatch = (payload) => {
|
||||
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>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user