bdzl2/bxztApp
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(ui): 将悬停发光效果添加到右侧面板并隐藏滚动条

Browse Source
This commit is contained in:
Zzc 2025-11-28 15:12:19 +08:00
parent 1e8e61a442
commit 50dd4cf76b
1 changed files with 11 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
packages/screen/src/views/3DSituationalAwarenessRefactor/components/RightPanel/index.vue
View File

@ -1,5 +1,6 @@
<template> <template>
<div class="right-panel"> <div class="right-panel">
<div class="right-panel__content">
<CollapsiblePanel title="快速处置" subtitle="「调度指挥」"> <CollapsiblePanel title="快速处置" subtitle="「调度指挥」">
<DispatchCommand /> <DispatchCommand />
</CollapsiblePanel> </CollapsiblePanel>
@ -19,6 +20,7 @@
</CollapsiblePanel> --> </CollapsiblePanel> -->
<CollaborationInfo /> <CollaborationInfo />
</div> </div>
</div>
</template> </template>
<script setup> <script setup>
@ -42,10 +44,18 @@ import CollaborationInfo from './CollaborationInfo.vue'
overscroll-behavior: contain; overscroll-behavior: contain;
padding-right: vw(40); // 为右侧折叠按钮预留空间 padding-right: vw(40); // 为右侧折叠按钮预留空间
padding-top: var(--sa-header-height); padding-top: var(--sa-header-height);
padding-left: 10px;
box-sizing: border-box; box-sizing: border-box;
&__content {
&:hover {
// border: 2px solid rgba(255, 80, 80, 0.6);
box-shadow: 0 0 10px rgba(255, 80, 80, 0.6), 0 0 20px rgba(255, 0, 0, 0.4),
0 0 35px rgba(255, 0, 0, 0.25);
}
}
&::-webkit-scrollbar { &::-webkit-scrollbar {
width: vw(6); width: vw(0);
} }
&::-webkit-scrollbar-track { &::-webkit-scrollbar-track {