53 lines
1.1 KiB
CSS
53 lines
1.1 KiB
CSS
|
html, body {
|
||
|
|
overflow: hidden;
|
||
|
|
position: fixed;
|
||
|
|
inset: 0;
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
box-sizing: border-box;
|
||
|
|
/*width: 100vw;*/
|
||
|
|
word-break: break-all; /* 强制在任何字符处换行 */
|
||
|
|
/* 或者用 overflow-wrap: break-word; 效果类似但更智能 */
|
||
|
|
overflow-wrap: break-word;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 默认：浅色主题 这里定义的是变量 */
|
||
|
|
:root {
|
||
|
|
--bg: #ffffff;
|
||
|
|
--text: #333333;
|
||
|
|
--primary: #1677ff;
|
||
|
|
}
|
||
|
|
|
||
|
|
body {
|
||
|
|
/*background: var(--bg);*/
|
||
|
|
/*color: var(--text);*/
|
||
|
|
}
|
||
|
|
|
||
|
|
html.dark {
|
||
|
|
/* 自定义深色背景颜色 */
|
||
|
|
--el-bg-color: #626aef;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 暗色主题：用户系统开启暗黑模式时生效 */
|
||
|
|
/*@media (prefers-color-scheme: dark) {*/
|
||
|
|
/* :root {*/
|
||
|
|
/* --bg: #1a1a2e;*/
|
||
|
|
/* --text: #eaeaea;*/
|
||
|
|
/* --primary: #6ca6ff;*/
|
||
|
|
/* }*/
|
||
|
|
/*}*/
|
||
|
|
|
||
|
|
|
||
|
|
#__nuxt {
|
||
|
|
height: -webkit-fill-available;
|
||
|
|
height: calc(
|
||
|
|
100vh
|
||
|
|
- env(safe-area-inset-top)
|
||
|
|
- env(safe-area-inset-bottom)
|
||
|
|
);
|
||
|
|
overflow-y: auto;
|
||
|
|
overscroll-behavior-y: none;
|
||
|
|
-webkit-overflow-scrolling: touch;
|
||
|
|
/*border: #a855f7 1px dashed;*/
|
||
|
|
box-sizing: border-box;
|
||
|
|
}
|