xiaoyu/txw
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: qych 法案解读面板自定义细滚动条替代浏览器默认样式

Browse Source 
5px宽/12%透明度/hover加深/圆角3px,兼顾可见性与低调

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
liulujian 2026-07-05 00:17:57 +08:00
parent 8a4986968d
commit aada2a8b2b
1 changed files with 18 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
txw-mhzc-web/src/pages/index/views/qych/index.vue
View File

@ -841,6 +841,24 @@ body {
background: @qych-policy-panel-bg; background: @qych-policy-panel-bg;
border-radius: @qych-policy-card-radius; border-radius: @qych-policy-card-radius;
box-sizing: border-box; box-sizing: border-box;
/* 自定义细滚动条 */
scrollbar-width: thin;
scrollbar-color: rgba(0, 0, 0, 0.12) transparent;
&::-webkit-scrollbar {
width: 5px;
}
&::-webkit-scrollbar-track {
background: transparent;
}
&::-webkit-scrollbar-thumb {
background: rgba(0, 0, 0, 0.12);
border-radius: 3px;
}
&::-webkit-scrollbar-thumb:hover {
background: rgba(0, 0, 0, 0.22);
}
} }
.content-item2 { .content-item2 {