cc
/
AI.Demo
2
1
Fork 0
Code Pull Requests Actions Releases Activity

style: 自定义右侧面板滚动条样式

This commit is contained in:
cc 2026-03-24 11:51:58 +08:00
parent fa52f2d021
commit 84d1bb3331
1 changed files with 25 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
src/views/ExamAnalysis.vue
View File

@ -732,6 +732,31 @@ onUnmounted(() => {
flex-direction: column;
}
/* 自定义滚动条 */
.right-panel::-webkit-scrollbar {
width: 8px;
}
.right-panel::-webkit-scrollbar-track {
background: rgba(0, 0, 0, 0.1);
border-radius: 4px;
margin: 4px 0;
}
.right-panel::-webkit-scrollbar-thumb {
background: rgba(20, 184, 166, 0.3);
border-radius: 4px;
transition: background 0.2s;
}
.right-panel::-webkit-scrollbar-thumb:hover {
background: rgba(20, 184, 166, 0.5);
}
.right-panel::-webkit-scrollbar-thumb:active {
background: rgba(20, 184, 166, 0.7);
}
/* Empty State */
.empty-state {
flex: 1;
@ -1120,7 +1145,6 @@ onUnmounted(() => {
gap: 0.75rem;
padding: 0.875rem 1.25rem;
border-bottom: 1px solid var(--card-border);
border-left: 3px solid #14b8a6;
background: rgba(20, 184, 166, 0.04);
}
.dim-icon {