diff --git a/frontend/dist.tar.gz b/frontend/dist.tar.gz index d552def..43817e7 100644 Binary files a/frontend/dist.tar.gz and b/frontend/dist.tar.gz differ diff --git a/frontend/src/views/Analytics.vue b/frontend/src/views/Analytics.vue index ef22d24..77b3fce 100644 --- a/frontend/src/views/Analytics.vue +++ b/frontend/src/views/Analytics.vue @@ -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; + } + } } // 排序图标