lunanting/qiangdanxitong
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修复：更新全局滚动条样式，从6px改为8px并优化样式

Browse Source
This commit is contained in:
Your Name 2026-01-20 22:16:56 +08:00
parent dc4959c695
commit 36268996c4
3 changed files with 34 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
frontend/dist.tar.gz
View File

Binary file not shown.

13
frontend/src/styles/index.scss
View File

@ -99,20 +99,21 @@ a {
// ===== 滚动条样式（Cursor 风格：更细腻的滚动条）=====
::-webkit-scrollbar {
width: 6px;
height: 6px;
width: 8px;
height: 8px;
}
::-webkit-scrollbar-track {
background: transparent;
background: rgba(255, 255, 255, 0.05);
border-radius: 4px;
}
::-webkit-scrollbar-thumb {
background: $border-primary;
border-radius: $radius-full;
background: rgba(255, 255, 255, 0.2);
border-radius: 4px;
&:hover {
background: $border-color;
background: rgba(255, 255, 255, 0.3);
}
}

28
frontend/src/views/Analytics.vue
View File

@ -2356,7 +2356,7 @@ onMounted(() => {
border-color: rgba(255, 255, 255, 0.1) !important;
color: rgba(255, 255, 255, 0.65) !important;
}
.ant-select-selection-item {
color: rgba(255, 255, 255, 0.65) !important;
}
@ -2574,3 +2574,29 @@ onMounted(() => {
<style lang="scss" scoped>
@import "@/styles/variables.scss";
</style>
<style lang="scss">
@import "@/styles/variables.scss";
// 修复数据分析页面整体滚动条样式（非scoped，应用到全局）
html, body {
&::-webkit-scrollbar {
width: 8px !important;
height: 8px !important;
}
&::-webkit-scrollbar-track {
background: rgba(255, 255, 255, 0.05) !important;
border-radius: 4px !important;
}
&::-webkit-scrollbar-thumb {
background: rgba(255, 255, 255, 0.2) !important;
border-radius: 4px !important;
&:hover {
background: rgba(255, 255, 255, 0.3) !important;
}
}
}
</style>