shumengya/cloud-mail
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修复登录界面首次进入加载背景异常

Browse Source
This commit is contained in:
eoao
2025-08-22 22:02:00 +08:00
parent 799cc4277f
commit de0bb288ec
8 changed files with 53 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
mail-vue/index.html
View File

@@ -1,5 +1,5 @@
<!doctype html> <!doctype html>
<html lang="en" class="dark"> <html lang="en">
<head> <head>
<meta charset="UTF-8"/> <meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/> <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
@@ -7,6 +7,15 @@
<link rel="icon" href="./src/assets/favicon.svg" type="image/svg+xml"> <link rel="icon" href="./src/assets/favicon.svg" type="image/svg+xml">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap" rel="stylesheet">
<script src="https://challenges.cloudflare.com/turnstile/v0/api.js" async defer></script> <script src="https://challenges.cloudflare.com/turnstile/v0/api.js" async defer></script>
<script>
const uiStoreStr = localStorage.getItem('ui')
if (uiStoreStr) {
const uiStore = JSON.parse(uiStoreStr)
const root = document.documentElement
root.style.background = uiStore.dark ? '#141414' : '#FFFFFF'
root.setAttribute('class', uiStore.dark ? 'dark' : '');
}
</script>
</head> </head>
<style> <style>
@@ -20,6 +29,7 @@
justify-content: center; justify-content: center;
align-items: center; align-items: center;
z-index: 500; z-index: 500;
background: var(--el-bg-color);
} }
.loading-icon { .loading-icon {
@@ -33,7 +43,6 @@
height: 30px; height: 30px;
width: 30px; width: 30px;
animation: loading-rotate 1s linear infinite; animation: loading-rotate 1s linear infinite;
fill: transparent !important;
} }
.loading-path .dot1 { .loading-path .dot1 {
@@ -93,14 +102,6 @@
</div> </div>
</div> </div>
<div id="app"></div> <div id="app"></div>
<script>
const uiStoreStr = localStorage.getItem('ui')
if (uiStoreStr) {
const uiStore = JSON.parse(uiStoreStr)
const doc = document.querySelector('#loading-first')
doc.style.background = uiStore.dark ? '#141414' : '#FFFFFF'
}
</script>
<script type="module" src="/src/main.js"></script> <script type="module" src="/src/main.js"></script>
</body> </body>
</html> </html>

5
mail-vue/src/init/init.js
View File

@@ -1,7 +1,6 @@
import {useUserStore} from "@/store/user.js"; import {useUserStore} from "@/store/user.js";
import {useSettingStore} from "@/store/setting.js"; import {useSettingStore} from "@/store/setting.js";
import {useAccountStore} from "@/store/account.js"; import {useAccountStore} from "@/store/account.js";
import {useUiStore} from "@/store/ui.js";
import {loginUserInfo} from "@/request/my.js"; import {loginUserInfo} from "@/request/my.js";
import {permsToRouter} from "@/perm/perm.js"; import {permsToRouter} from "@/perm/perm.js";
import router from "@/router"; import router from "@/router";
@@ -25,10 +24,6 @@ export async function init() {
i18n.global.locale.value = settingStore.lang i18n.global.locale.value = settingStore.lang
const uiStore = useUiStore();
let doc = document.querySelector("html");
doc.setAttribute('class', uiStore.dark ? 'dark' : '');
let setting = null; let setting = null;
if (token) { if (token) {

5
mail-vue/src/style.css
View File

@@ -27,10 +27,13 @@ body {
font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
line-height: 1.5; line-height: 1.5;
color: var(--el-text-color-primary); color: var(--el-text-color-primary);
background-color: var(--el-bg-color);
font-size: 14px; font-size: 14px;
} }
html, body {
background: var(--el-bg-color);
}
* { * {
-webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: transparent;
} }

1
mail-worker/dist/assets/index-CnzY8c7c.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

46
mail-worker/dist/assets/index-BWO6kBue.js → mail-worker/dist/assets/index-DCcUqVQw.js vendored
View File

File diff suppressed because one or more lines are too long

1
mail-worker/dist/assets/index-IV79mZ40.css vendored
View File

File diff suppressed because one or more lines are too long

27
mail-worker/dist/index.html vendored
View File

@@ -1,5 +1,5 @@
<!doctype html> <!doctype html>
<html lang="en" class="dark"> <html lang="en">
<head> <head>
<meta charset="UTF-8"/> <meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/> <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
@@ -7,8 +7,17 @@
<link rel="icon" href="/assets/favicon-C5dAZutX.svg" type="image/svg+xml"> <link rel="icon" href="/assets/favicon-C5dAZutX.svg" type="image/svg+xml">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap" rel="stylesheet">
<script src="https://challenges.cloudflare.com/turnstile/v0/api.js" async defer></script> <script src="https://challenges.cloudflare.com/turnstile/v0/api.js" async defer></script>
<script type="module" crossorigin src="/assets/index-BWO6kBue.js"></script> <script>
<link rel="stylesheet" crossorigin href="/assets/index-IV79mZ40.css"> const uiStoreStr = localStorage.getItem('ui')
if (uiStoreStr) {
const uiStore = JSON.parse(uiStoreStr)
const root = document.documentElement
root.style.background = uiStore.dark ? '#141414' : '#FFFFFF'
root.setAttribute('class', uiStore.dark ? 'dark' : '');
}
</script>
<script type="module" crossorigin src="/assets/index-DCcUqVQw.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-CnzY8c7c.css">
</head> </head>
<style> <style>
@@ -22,6 +31,7 @@
justify-content: center; justify-content: center;
align-items: center; align-items: center;
z-index: 500; z-index: 500;
background: var(--el-bg-color);
} }
.loading-icon { .loading-icon {
@@ -35,7 +45,6 @@
height: 30px; height: 30px;
width: 30px; width: 30px;
animation: loading-rotate 1s linear infinite; animation: loading-rotate 1s linear infinite;
fill: transparent !important;
} }
.loading-path .dot1 { .loading-path .dot1 {
@@ -94,14 +103,6 @@
</svg> </svg>
</div> </div>
</div> </div>
<div id="app"></div> <div id="app"></div>
<script>
const uiStoreStr = localStorage.getItem('ui')
if (uiStoreStr) {
const uiStore = JSON.parse(uiStoreStr)
const doc = document.querySelector('#loading-first')
doc.style.background = uiStore.dark ? '#141414' : '#FFFFFF'
}
</script>
</body> </body>

1
mail-worker/src/index.js
View File

@@ -1,7 +1,6 @@
import app from './hono/webs'; import app from './hono/webs';
import { email } from './email/email'; import { email } from './email/email';
import userService from './service/user-service'; import userService from './service/user-service';
import verifyRecord from './entity/verify-record';
import verifyRecordService from './service/verify-record-service'; import verifyRecordService from './service/verify-record-service';
export default { export default {
async fetch(req, env, ctx) { async fetch(req, env, ctx) {