wuyuan/ClassworksKVAdmin
1
0
Fork 0
mirror of https://github.com/ZeroCatDev/ClassworksKVAdmin.git synced 2025-10-22 12:03:10 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: 添加深色模式支持，优化主题切换体验；更新设备管理界面文案

Browse Source
This commit is contained in:
SunWuyuan 2025-10-08 12:40:21 +08:00
parent 0e561f8ed2
commit 3f02c06ddb
No known key found for this signature in database
GPG Key ID: A6A54CF66F56BB64
3 changed files with 45 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
index.html
View File

@ -4,6 +4,46 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<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" />
<meta name="color-scheme" content="light dark" />
<script>
// 在 CSS 加载前尽早应用系统深色模式，避免首次渲染闪烁
(function () {
try {
var root = document.documentElement;
var storageKey = 'theme';
var hasLocal = false;
try {
hasLocal = localStorage.getItem(storageKey) != null;
} catch (_) {}
var prefersDark = false;
try {
prefersDark = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
} catch (_) {}
var initialDark = hasLocal
? localStorage.getItem(storageKey) === 'dark'
: prefersDark;
root.classList.toggle('dark', !!initialDark);
// 跟随系统主题变化（若未手动设置主题）
var mq;
try {
mq = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)');
} catch (_) {}
if (mq) {
var onChange = function (e) {
var locked = false;
try { locked = localStorage.getItem(storageKey) != null; } catch (_) {}
if (!locked) root.classList.toggle('dark', e.matches);
};
if (mq.addEventListener) mq.addEventListener('change', onChange);
else if (mq.addListener) mq.addListener(onChange);
}
} catch (_) {}
})();
</script>
<title>Classworks KV</title> <title>Classworks KV</title>
</head> </head>
<body> <body>

2
src/pages/index.vue
View File

@ -736,7 +736,7 @@ onMounted(async () => {
:show-hint="true" :show-hint="true"
:show-strength="false" :show-strength="false"
:required="!accountStore.isAuthenticated" :required="!accountStore.isAuthenticated"
/> /><br/>
<p v-if="accountStore.isAuthenticated" class="text-xs text-muted-foreground mt-2"> <p v-if="accountStore.isAuthenticated" class="text-xs text-muted-foreground mt-2">
已登录绑定账户，无需输入密码 已登录绑定账户，无需输入密码
</p> </p>

8
src/pages/password-manager.vue
View File

@ -391,11 +391,11 @@ onMounted(async () => {
<h2 class="text-xl font-semibold mt-12 mb-4">设备管理</h2> <h2 class="text-xl font-semibold mt-12 mb-4">设备管理</h2>
<!-- 设备重置卡片 --> <!-- 设备重置卡片 -->
<Card class="mb-6 border-red-200 dark:border-red-900"> <Card class="mb-6 ">
<CardHeader> <CardHeader>
<CardTitle class="text-lg flex items-center gap-2"> <CardTitle class="text-lg flex items-center gap-2">
<Smartphone class="h-5 w-5 text-red-500" /> <Smartphone class="h-5 w-5" />
重置设备 更换设备
</CardTitle> </CardTitle>
<CardDescription> <CardDescription>
更换新的设备标识。 更换新的设备标识。
@ -410,7 +410,7 @@ onMounted(async () => {
@click="showResetDeviceDialog = true" @click="showResetDeviceDialog = true"
> >
<RefreshCw class="h-4 w-4" /> <RefreshCw class="h-4 w-4" />
重置设备 更换设备
</Button> </Button>
</div> </div>
</CardContent> </CardContent>