duanshuwen/zn-ai
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

feat: 新增加载动画

Browse Source
This commit is contained in:
duanshuwen
2025-12-19 22:48:28 +08:00
parent 0d6ffdef83
commit 4b4e955b17
11 changed files with 59 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
html/loading.html
View File

@@ -1,16 +0,0 @@
<!doctype html>
<html>
<head>
<meta charset="UTF-8" />
<title>NIANXX</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta
http-equiv="Content-Security-Policy"
content="default-src 'self'; script-src 'self'; style-src 'self' 'unsafe-inline'; img-src 'self' http://8.138.234.141; connect-src 'self' http://8.138.234.141 https://api.iconify.design"
/>
</head>
<body>
<div id="app"></div>
<script type="module" src="../src/renderer/views/loading/index.ts"></script>
</body>
</html>

44
public/loading.html Normal file
View File

@@ -0,0 +1,44 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta http-equiv="Content-Security-Policy" content="script-src 'self';">
<style>
:root {
--stop-color-start: #3b82f6;
--stop-color-end: #1d4ed8;
}
body {
margin: 0;
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
background-color: transparent;
}
</style>
</head>
<body>
<svg width="30" height="30" viewBox="0 0 38 38" xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient id="gradient" x1="8.042%" y1="0%" x2="65.682%" y2="23.865%">
<stop stop-color="var(--stop-color-start)" offset="0%" />
<stop stop-color="var(--stop-color-end)" offset="100%" />
</linearGradient>
</defs>
<g fill="none" fill-rule="evenodd">
<g transform="translate(1 1)" stroke-width="2">
<circle stroke-opacity=".2" cx="18" cy="18" r="18" />
<path d="M36 18c0-9.94-8.06-18-18-18" stroke="url(#gradient)">
<animateTransform attributeName="transform" type="rotate" from="0 18 18" to="360 18 18" dur="1s"
repeatCount="indefinite" />
</path>
</g>
</g>
</svg>
</body>
</html>

BIN
public/logo.ico Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.2 KiB

9
src/main/service/window-service/index.ts
View File

@@ -172,7 +172,12 @@ class WindowService {
width: size.width, width: size.width,
height: size.height, height: size.height,
}); });
loadingView.webContents.loadFile(path.join(__dirname, 'loading.html'));
if (MAIN_WINDOW_VITE_DEV_SERVER_URL) {
loadingView.webContents.loadURL(`${MAIN_WINDOW_VITE_DEV_SERVER_URL}/loading.html`);
} else {
loadingView.webContents.loadFile(path.join(__dirname, `../renderer/${MAIN_WINDOW_VITE_NAME}/loading.html`));
}
const onRendererIsReady = (e: IpcMainEvent) => { const onRendererIsReady = (e: IpcMainEvent) => {
if ((e.sender !== window?.webContents) || rendererIsReady) return; if ((e.sender !== window?.webContents) || rendererIsReady) return;
@@ -208,7 +213,7 @@ class WindowService {
if (MAIN_WINDOW_VITE_DEV_SERVER_URL) { if (MAIN_WINDOW_VITE_DEV_SERVER_URL) {
return window.loadURL(`${MAIN_WINDOW_VITE_DEV_SERVER_URL}${'/html/' + (name === 'main' ? '' : name)}`); return window.loadURL(`${MAIN_WINDOW_VITE_DEV_SERVER_URL}${'/html/' + (name === 'main' ? '' : name)}`);
} }
window.loadFile(path.join(__dirname, `../renderer/${MAIN_WINDOW_VITE_NAME}/html/${name === 'main' ? 'index' : name}.html`)); window.loadFile(path.join(__dirname, `../renderer/${MAIN_WINDOW_VITE_NAME}/html/${name === 'main' ? 'login' : name}.html`));
} }

6
src/renderer/main.ts
View File

@@ -22,12 +22,10 @@ const components: Plugin = (app) => {
// 创建 Vue 应用实例 // 创建 Vue 应用实例
const app = createApp(App); const app = createApp(App);
const pinia = createPinia();
// 使用 Pinia 状态管理 // 使用 Pinia 状态管理
app.use(createPinia()); app.use(pinia);
// 使用 Vue Router
app.use(router); app.use(router);
app.use(ElementPlus, { locale }) app.use(ElementPlus, { locale })
app.use(components) app.use(components)

2
src/renderer/router/index.ts
View File

@@ -19,7 +19,7 @@ const routes = [
const router = createRouter({ const router = createRouter({
history: createMemoryHistory(), history: createMemoryHistory(),
routes, routes,
scrollBehavior(to: any, from: any, savedPosition: any) { scrollBehavior(_to: any, _from: any, savedPosition: any) {
if (savedPosition) { if (savedPosition) {
return savedPosition return savedPosition
} }

16
src/renderer/views/loading/index.ts
View File

@@ -1,16 +0,0 @@
import '@renderer/styles/index.css'
import errorHandler from '@utils/errorHandler'
import i18n from '@renderer/i18n'
import HeaderBar from '@renderer/components/HeaderBar/index.vue'
import DragRegion from '@renderer/components/DragRegion/index.vue'
import Loading from './index.vue'
createApp(Loading)
.use(i18n)
.use(createPinia())
.use(errorHandler)
.component('HeaderBar', HeaderBar)
.component('DragRegion', DragRegion)
.mount('#app')

5
src/renderer/views/loading/index.vue
View File

@@ -1,5 +0,0 @@
<template></template>
<script setup lang="ts">
</script>

4
vite.main.config.ts
View File

@@ -1,5 +1,5 @@
import { defineConfig } from "vite"; import { defineConfig } from "vite"
import { resolve } from "path"; import { resolve } from 'node:path'
// https://vitejs.dev/config // https://vitejs.dev/config
export default defineConfig( async () => { export default defineConfig( async () => {

4
vite.preload.config.ts
View File

@@ -1,5 +1,5 @@
import { defineConfig } from 'vite'; import { defineConfig } from 'vite'
import { resolve } from "path"; import { resolve } from 'node:path'
// https://vitejs.dev/config // https://vitejs.dev/config
export default defineConfig({ export default defineConfig({

4
vite.renderer.config.ts
View File

@@ -1,4 +1,4 @@
import { resolve } from "path"; import { resolve } from "node:path";
import { defineConfig, type CSSOptions } from "vite"; import { defineConfig, type CSSOptions } from "vite";
// https://vitejs.dev/config // https://vitejs.dev/config
@@ -25,13 +25,11 @@ export default defineConfig(async () => {
resolve(__dirname, 'html/index.html'), resolve(__dirname, 'html/index.html'),
resolve(__dirname, 'html/dialog.html'), resolve(__dirname, 'html/dialog.html'),
resolve(__dirname, 'html/setting.html'), resolve(__dirname, 'html/setting.html'),
resolve(__dirname, 'html/loading.html'),
] ]
} }
}, },
resolve: { resolve: {
preserveSymlinks: true,
alias: { alias: {
"@renderer": resolve(__dirname, "./src/renderer"), "@renderer": resolve(__dirname, "./src/renderer"),
"@api": resolve(__dirname, "./src/renderer/api"), "@api": resolve(__dirname, "./src/renderer/api"),