style(global): 添加全局滚动条隐藏样式
- 新增 scrollbar-hide.css 隐藏所有滚动条 - 支持 Firefox (scrollbar-width)、Chrome/Safari (webkit)、IE/Edge - 保留滚动功能,仅隐藏滚动条视觉元素 - 在 index.js 中全局导入 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
@@ -21,6 +21,9 @@ performanceMonitor.mark('app-start');
|
|||||||
// ⚡ 已删除 brainwave.css(项目未安装 Tailwind CSS,该文件无效)
|
// ⚡ 已删除 brainwave.css(项目未安装 Tailwind CSS,该文件无效)
|
||||||
// import './styles/brainwave.css';
|
// import './styles/brainwave.css';
|
||||||
|
|
||||||
|
// 导入全局滚动条隐藏样式
|
||||||
|
import './styles/scrollbar-hide.css';
|
||||||
|
|
||||||
// 导入 Select 下拉框颜色修复样式
|
// 导入 Select 下拉框颜色修复样式
|
||||||
import './styles/select-fix.css';
|
import './styles/select-fix.css';
|
||||||
|
|
||||||
|
|||||||
9
src/styles/scrollbar-hide.css
Normal file
9
src/styles/scrollbar-hide.css
Normal file
@@ -0,0 +1,9 @@
|
|||||||
|
/* 全局隐藏滚动条(保持滚动功能) */
|
||||||
|
* {
|
||||||
|
scrollbar-width: none; /* Firefox */
|
||||||
|
-ms-overflow-style: none; /* IE/Edge */
|
||||||
|
}
|
||||||
|
|
||||||
|
*::-webkit-scrollbar {
|
||||||
|
display: none; /* Chrome, Safari, Opera */
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user