Skip to content

Commit 6c4dccf

Browse files
committed
功能:视频页合集滚动条
1 parent d2af971 commit 6c4dccf

File tree

1 file changed

+32
-0
lines changed

1 file changed

+32
-0
lines changed

src/styles/adaptedStyles/pages/videoPage.scss

Lines changed: 32 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -20,6 +20,38 @@
2020
--app_graph_bg: var(--bew-fill-1);
2121
}
2222

23+
// 合集滚动条
24+
.video-pod__body {
25+
// 设置最大高度以限制容器高度,超过则显示滚动条
26+
max-height: 70vh; /* 可根据需要调整高度 */
27+
overflow-y: auto; /* 垂直方向溢出时显示滚动条 */
28+
padding-right: 8px; /* 预留滚动条空间,避免内容被遮挡 */
29+
}
30+
31+
// 优化滚动条样式(可选)
32+
.video-pod__body::-webkit-scrollbar {
33+
width: 6px; /* 滚动条宽度 */
34+
}
35+
36+
.video-pod__body::-webkit-scrollbar-track {
37+
background: var(--bew-fill-1); /* 滚动条轨道颜色 */
38+
border-radius: 3px;
39+
}
40+
41+
.video-pod__body::-webkit-scrollbar-thumb {
42+
background: var(--bew-border-color); /* 滚动条滑块颜色 */
43+
border-radius: 3px;
44+
}
45+
46+
.video-pod__body::-webkit-scrollbar-thumb:hover {
47+
background: var(--bew-text-3); /* 滚动条滑块 hover 颜色 */
48+
}
49+
50+
// 暗黑模式适配
51+
&.dark .video-pod__body::-webkit-scrollbar-track {
52+
background: var(--bew-fill-2);
53+
}
54+
2355
// #region theme color adaption part
2456
// Increase the priority of the style inside by writing a non-existent selector in `:not()`
2557
:not(foobar) {

0 commit comments

Comments
 (0)