ExamAware/ExamShowboard-Legacy
3
0
Fork 0
mirror of https://hub.gitmirror.com/https://github.com/ExamAware/ExamShowboard-Legacy.git synced 2025-04-29 07:56:33 +00:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

fix：滚动条彻底移除

Browse Source
This commit is contained in:
MKStoler 2024-10-10 16:24:26 +08:00
parent aa685cb2b8
commit 055e2a6849
3 changed files with 43 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/renderer/index.html
View File

@ -5,10 +5,20 @@
<link rel="icon" href="/favicon.ico" /> <link rel="icon" href="/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>DSZ Exam Showboard</title> <title>DSZ Exam Showboard</title>
<style>
/* 隐藏滚动条 */
body {
overflow: hidden;
}
/* 适用于所有滚动容器 */
.no-scrollbar {
overflow: hidden;
}
</style>
</head> </head>
<body> <body>
<div id="app"></div> <div id="app" class="no-scrollbar"></div>
<script type="module" src="/src/main.ts"></script> <script type="module" src="/src/main.ts"></script>
</body> </body>
</html> </html>

12
src/renderer/src/main.ts
View File

@ -25,4 +25,16 @@ app.use(VueShowdownPlugin, {
registerPlugins(app); registerPlugins(app);
// 添加全局样式来隐藏滚动条
const style = document.createElement('style');
style.innerHTML = `
body {
overflow: hidden;
}
.no-scrollbar {
overflow: hidden;
}
`;
document.head.appendChild(style);
app.mount('#app'); app.mount('#app');

21
src/renderer/src/plugins/vuetify.ts
View File

@ -1,7 +1,7 @@
/** /**
* plugins/vuetify.js * plugins/vuetify.js
* *
* Framework documentation: https://vuetifyjs.com` * Framework documentation: https://vuetifyjs.com
*/ */
// Styles // Styles
@ -13,6 +13,25 @@ import { createVuetify } from 'vuetify';
import { md3 } from 'vuetify/blueprints'; import { md3 } from 'vuetify/blueprints';
// 添加全局样式来隐藏滚动条
const style = document.createElement('style');
style.innerHTML = `
body {
overflow: hidden;
}
.no-scrollbar {
overflow: hidden;
}
* {
scrollbar-width: none; /* Firefox */
-ms-overflow-style: none; /* Internet Explorer 10+ */
}
*::-webkit-scrollbar {
display: none; /* Safari and Chrome */
}
`;
document.head.appendChild(style);
// https://vuetifyjs.com/en/introduction/why-vuetify/#feature-guides // https://vuetifyjs.com/en/introduction/why-vuetify/#feature-guides
export default createVuetify({ export default createVuetify({
theme: { theme: {