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

修复：数据分析页面滚动条样式，确保滚动条正常显示

Browse Source
This commit is contained in:
Your Name 2026-01-20 22:07:52 +08:00
parent b061f22950
commit dc4959c695
2 changed files with 83 additions and 0 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.

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

@ -1622,12 +1622,52 @@ onMounted(() => {
min-height: 100vh;
padding: $space-xl 0;
background: $bg-primary;
// 修复页面滚动条样式
&::-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;
}
}
}
.container {
max-width: $container-max-width;
margin: 0 auto;
padding: 0 $space-xl;
// 修复容器滚动条样式
&::-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;
}
}
}
.header-actions {
@ -2166,6 +2206,29 @@ onMounted(() => {
border: none !important;
}
// 修复表格滚动条样式
.ant-table-body,
.ant-table-container {
&::-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;
}
}
}
table {
border-collapse: collapse !important;
border-spacing: 0 !important;
@ -2316,6 +2379,26 @@ onMounted(() => {
color: rgba(255, 255, 255, 0.85);
}
}
// 修复分页器滚动条样式
&::-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;
}
}
}
// 排序图标