kevinMao
/
canteen_system
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

。。。

This commit is contained in:
TimSpan 2025-05-06 16:44:25 +08:00
parent 4602cf361f
commit d8c1c0a3cd
2 changed files with 9 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/assets/main.scss
View File

@ -1,19 +1,21 @@
/* 亮色模式 */ /* 亮色模式 */
:root { :root {
--system-title-bg-color: #ffffff;
--bg-color: #ffffff; --bg-color: #ffffff;
--text-color: rgba(0, 0, 0, .85); --text-color: rgba(0, 0, 0, .85);
--border-top: #f0f0f0; --border-top: #f0f0f0;
--border-color:#eee; --border-color: #eee;
--border-bottom:#eee; --border-bottom: #eee;
--font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif; --font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
} }
/* 暗黑模式 */ /* 暗黑模式 */
:root.dark, :root.dark,
:root[data-theme="dark"] { :root[data-theme="dark"] {
--system-title-bg-color: rgb(16, 16, 20);
--bg-color: #232324; --bg-color: #232324;
--border-color: #2e2e30; --border-color: #2e2e30;
--border-bottom:#484849; --border-bottom: #484849;
--text-color: rgba(255, 255, 255, .7); --text-color: rgba(255, 255, 255, .7);
--border-top: #121111; --border-top: #121111;
--color: #fff; --color: #fff;
@ -24,8 +26,9 @@ body {
background-color: var(--bg-color); background-color: var(--bg-color);
color: var(--text-color); color: var(--text-color);
font-family: var(--font-family); font-family: var(--font-family);
border-top: 0 solid var(--border-top); border-top: 0 solid var(--border-top);
border-color: var(--border-color); border-color: var(--border-color);
border-bottom: var(--border-bottom); border-bottom: var(--border-bottom);
transition: all 0.3s ease; /* 平滑过渡效果 */ transition: all 0.3s ease;
/* 平滑过渡效果 */
} }

2
src/components/layout/src/Layout.vue
View File

@ -130,7 +130,7 @@
font-weight: bold; font-weight: bold;
position: absolute; position: absolute;
top: 0; top: 0;
background: #ffffff; background: var(--system-title-bg-color);
z-index: 1000; z-index: 1000;
} }