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-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>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user