From 4fe266ce82e239e5e2afe74cdec75077e60e66a1 Mon Sep 17 00:00:00 2001 From: alikia2x Date: Sun, 30 Mar 2025 06:45:27 +0800 Subject: [PATCH] add: few pages --- .tokeignore | 3 +- deno.json | 35 ++- packages/frontend/astro.config.mjs | 10 +- .../src/assets/TitleBar Mobile Dark.svg | 7 + .../src/assets/TitleBar Mobile Light.svg | 7 + .../frontend/src/assets/TitleBar-Dark.svg | 15 ++ .../frontend/src/assets/TitleBar-Light.svg | 15 ++ packages/frontend/src/assets/astro.svg | 1 - packages/frontend/src/assets/background.svg | 1 - .../frontend/src/assets/header-logo-dark.svg | 15 ++ .../frontend/src/assets/header-logo-light.svg | 15 ++ packages/frontend/src/assets/标题-浅色.svg | 15 ++ packages/frontend/src/assets/标题-深色.svg | 15 ++ .../frontend/src/components/CloseIcon.svelte | 12 + .../src/components/DarkModeImage.svelte | 41 ++++ .../frontend/src/components/MenuIcon.svelte | 20 ++ .../frontend/src/components/SearchBox.svelte | 37 +++ .../frontend/src/components/SearchIcon.svelte | 12 + .../frontend/src/components/TitleBar.astro | 30 +++ .../src/components/TitleBarMobile.svelte | 42 ++++ .../frontend/src/components/Welcome.astro | 211 +----------------- packages/frontend/src/layouts/Layout.astro | 2 +- packages/frontend/src/pages/about.astro | 15 ++ .../frontend/src/pages/song/[aid]/info.astro | 10 +- 24 files changed, 351 insertions(+), 235 deletions(-) create mode 100644 packages/frontend/src/assets/TitleBar Mobile Dark.svg create mode 100644 packages/frontend/src/assets/TitleBar Mobile Light.svg create mode 100644 packages/frontend/src/assets/TitleBar-Dark.svg create mode 100644 packages/frontend/src/assets/TitleBar-Light.svg delete mode 100644 packages/frontend/src/assets/astro.svg delete mode 100644 packages/frontend/src/assets/background.svg create mode 100644 packages/frontend/src/assets/header-logo-dark.svg create mode 100644 packages/frontend/src/assets/header-logo-light.svg create mode 100644 packages/frontend/src/assets/标题-浅色.svg create mode 100644 packages/frontend/src/assets/标题-深色.svg create mode 100644 packages/frontend/src/components/CloseIcon.svelte create mode 100644 packages/frontend/src/components/DarkModeImage.svelte create mode 100644 packages/frontend/src/components/MenuIcon.svelte create mode 100644 packages/frontend/src/components/SearchBox.svelte create mode 100644 packages/frontend/src/components/SearchIcon.svelte create mode 100644 packages/frontend/src/components/TitleBar.astro create mode 100644 packages/frontend/src/components/TitleBarMobile.svelte create mode 100644 packages/frontend/src/pages/about.astro diff --git a/.tokeignore b/.tokeignore index 0c4d337..aafc28c 100644 --- a/.tokeignore +++ b/.tokeignore @@ -2,4 +2,5 @@ data *.json *.svg *.txt -*.md \ No newline at end of file +*.md +*config* \ No newline at end of file diff --git a/deno.json b/deno.json index 43d84de..947c793 100644 --- a/deno.json +++ b/deno.json @@ -1,20 +1,19 @@ { - "lock": false, - "workspace": [ - "./packages/crawler", - "./packages/frontend", - "./packages/backend", - "./packages/core" - ], - "nodeModulesDir": "auto", - "tasks": { - "crawler": "deno task --filter 'crawler' all" - }, - "fmt": { - "useTabs": true, - "lineWidth": 120, - "indentWidth": 4, - "semiColons": true, - "proseWrap": "always" - } + "lock": false, + "workspace": ["./packages/crawler", "./packages/frontend", "./packages/backend", "./packages/core"], + "nodeModulesDir": "auto", + "tasks": { + "crawler": "deno task --filter 'crawler' all" + }, + "fmt": { + "useTabs": true, + "lineWidth": 120, + "indentWidth": 4, + "semiColons": true, + "proseWrap": "always" + }, + "imports": { + "@astrojs/node": "npm:@astrojs/node@^9.1.3", + "@astrojs/svelte": "npm:@astrojs/svelte@^7.0.8" + } } diff --git a/packages/frontend/astro.config.mjs b/packages/frontend/astro.config.mjs index 4baabd1..79ca8e0 100644 --- a/packages/frontend/astro.config.mjs +++ b/packages/frontend/astro.config.mjs @@ -4,15 +4,21 @@ import tailwind from "@astrojs/tailwind"; // https://astro.build/config import tsconfigPaths from "vite-tsconfig-paths"; +import node from "@astrojs/node"; +import svelte from "@astrojs/svelte"; export default defineConfig({ - integrations: [tailwind()], + output: "server", + adapter: node({ + mode: "standalone", + }), + integrations: [tailwind(), svelte()], vite: { server: { fs: { allow: [".", "../../"], }, }, - plugins: [tsconfigPaths(),] + plugins: [tsconfigPaths()], }, }); diff --git a/packages/frontend/src/assets/TitleBar Mobile Dark.svg b/packages/frontend/src/assets/TitleBar Mobile Dark.svg new file mode 100644 index 0000000..3b1a7e5 --- /dev/null +++ b/packages/frontend/src/assets/TitleBar Mobile Dark.svg @@ -0,0 +1,7 @@ + + + Created with Pixso. + + + + diff --git a/packages/frontend/src/assets/TitleBar Mobile Light.svg b/packages/frontend/src/assets/TitleBar Mobile Light.svg new file mode 100644 index 0000000..365e6a4 --- /dev/null +++ b/packages/frontend/src/assets/TitleBar Mobile Light.svg @@ -0,0 +1,7 @@ + + + Created with Pixso. + + + + diff --git a/packages/frontend/src/assets/TitleBar-Dark.svg b/packages/frontend/src/assets/TitleBar-Dark.svg new file mode 100644 index 0000000..02f0398 --- /dev/null +++ b/packages/frontend/src/assets/TitleBar-Dark.svg @@ -0,0 +1,15 @@ + + + Created with Pixso. + + + + + + + + + + + + diff --git a/packages/frontend/src/assets/TitleBar-Light.svg b/packages/frontend/src/assets/TitleBar-Light.svg new file mode 100644 index 0000000..92482e0 --- /dev/null +++ b/packages/frontend/src/assets/TitleBar-Light.svg @@ -0,0 +1,15 @@ + + + Created with Pixso. + + + + + + + + + + + + diff --git a/packages/frontend/src/assets/astro.svg b/packages/frontend/src/assets/astro.svg deleted file mode 100644 index 8cf8fb0..0000000 --- a/packages/frontend/src/assets/astro.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/packages/frontend/src/assets/background.svg b/packages/frontend/src/assets/background.svg deleted file mode 100644 index 4b2be0a..0000000 --- a/packages/frontend/src/assets/background.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/packages/frontend/src/assets/header-logo-dark.svg b/packages/frontend/src/assets/header-logo-dark.svg new file mode 100644 index 0000000..002540f --- /dev/null +++ b/packages/frontend/src/assets/header-logo-dark.svg @@ -0,0 +1,15 @@ + + + Created with Pixso. + + + + + + + + + + + + diff --git a/packages/frontend/src/assets/header-logo-light.svg b/packages/frontend/src/assets/header-logo-light.svg new file mode 100644 index 0000000..acc0c15 --- /dev/null +++ b/packages/frontend/src/assets/header-logo-light.svg @@ -0,0 +1,15 @@ + + + Created with Pixso. + + + + + + + + + + + + diff --git a/packages/frontend/src/assets/标题-浅色.svg b/packages/frontend/src/assets/标题-浅色.svg new file mode 100644 index 0000000..77e3e1e --- /dev/null +++ b/packages/frontend/src/assets/标题-浅色.svg @@ -0,0 +1,15 @@ + + + Created with Pixso. + + + + + + + + + + + + diff --git a/packages/frontend/src/assets/标题-深色.svg b/packages/frontend/src/assets/标题-深色.svg new file mode 100644 index 0000000..a24984d --- /dev/null +++ b/packages/frontend/src/assets/标题-深色.svg @@ -0,0 +1,15 @@ + + + Created with Pixso. + + + + + + + + + + + + diff --git a/packages/frontend/src/components/CloseIcon.svelte b/packages/frontend/src/components/CloseIcon.svelte new file mode 100644 index 0000000..cb98947 --- /dev/null +++ b/packages/frontend/src/components/CloseIcon.svelte @@ -0,0 +1,12 @@ + + +
+ + + +
diff --git a/packages/frontend/src/components/DarkModeImage.svelte b/packages/frontend/src/components/DarkModeImage.svelte new file mode 100644 index 0000000..aa4caeb --- /dev/null +++ b/packages/frontend/src/components/DarkModeImage.svelte @@ -0,0 +1,41 @@ + + + \ No newline at end of file diff --git a/packages/frontend/src/components/MenuIcon.svelte b/packages/frontend/src/components/MenuIcon.svelte new file mode 100644 index 0000000..1c74e68 --- /dev/null +++ b/packages/frontend/src/components/MenuIcon.svelte @@ -0,0 +1,20 @@ + + +
+ + + Created with Pixso. + + + + + + + + + + + +
diff --git a/packages/frontend/src/components/SearchBox.svelte b/packages/frontend/src/components/SearchBox.svelte new file mode 100644 index 0000000..f851224 --- /dev/null +++ b/packages/frontend/src/components/SearchBox.svelte @@ -0,0 +1,37 @@ + + + +
+ +
+ + diff --git a/packages/frontend/src/components/SearchIcon.svelte b/packages/frontend/src/components/SearchIcon.svelte new file mode 100644 index 0000000..d23c8be --- /dev/null +++ b/packages/frontend/src/components/SearchIcon.svelte @@ -0,0 +1,12 @@ + + +
+ + + +
\ No newline at end of file diff --git a/packages/frontend/src/components/TitleBar.astro b/packages/frontend/src/components/TitleBar.astro new file mode 100644 index 0000000..af6d723 --- /dev/null +++ b/packages/frontend/src/components/TitleBar.astro @@ -0,0 +1,30 @@ +--- +import astroLogoLight from "@assets/标题-浅色.svg"; +import astroLogoDark from "@assets/标题-深色.svg"; +import DarkModeImage from "@components/DarkModeImage.svelte"; +import SearchBox from "@components/SearchBox.svelte"; +import TitleBarMobile from "@components/TitleBarMobile.svelte"; +--- + + + + diff --git a/packages/frontend/src/components/TitleBarMobile.svelte b/packages/frontend/src/components/TitleBarMobile.svelte new file mode 100644 index 0000000..bcdd28b --- /dev/null +++ b/packages/frontend/src/components/TitleBarMobile.svelte @@ -0,0 +1,42 @@ + + +
+ {#if !showSearchBox} +
+ +
+
+ + + +
+ {/if} + {#if showSearchBox} + + {/if} + +
diff --git a/packages/frontend/src/components/Welcome.astro b/packages/frontend/src/components/Welcome.astro index 52e0333..c55f130 100644 --- a/packages/frontend/src/components/Welcome.astro +++ b/packages/frontend/src/components/Welcome.astro @@ -1,210 +1,9 @@ --- -import astroLogo from '../assets/astro.svg'; -import background from '../assets/background.svg'; +import TitleBar from "@components/TitleBar.astro"; --- - - - +
+

正在施工中……

+
diff --git a/packages/frontend/src/layouts/Layout.astro b/packages/frontend/src/layouts/Layout.astro index 9c3c39f..e33cf4b 100644 --- a/packages/frontend/src/layouts/Layout.astro +++ b/packages/frontend/src/layouts/Layout.astro @@ -9,7 +9,7 @@ import "../styles/global.css"; CVSA 前端 - + diff --git a/packages/frontend/src/pages/about.astro b/packages/frontend/src/pages/about.astro new file mode 100644 index 0000000..9fe94a6 --- /dev/null +++ b/packages/frontend/src/pages/about.astro @@ -0,0 +1,15 @@ +--- +import TitleBar from "@components/TitleBar.astro"; +import Layout from '@layouts/Layout.astro'; +--- + + + + + + +
+

正在施工中……

+
+ + diff --git a/packages/frontend/src/pages/song/[aid]/info.astro b/packages/frontend/src/pages/song/[aid]/info.astro index 063a644..dd5778f 100644 --- a/packages/frontend/src/pages/song/[aid]/info.astro +++ b/packages/frontend/src/pages/song/[aid]/info.astro @@ -22,19 +22,19 @@ const snapshots = await getVideoSnapshots(videoAid); --- -
+

视频信息: {videoAid}

-
+

基本信息

- 
{JSON.stringify(videoInfo, null, 2)}
+ 
{JSON.stringify(videoInfo, null, 2)}
-
+

历史数据 (最新100条)

- 
{JSON.stringify(snapshots, null, 2)}
+ 
{JSON.stringify(snapshots, null, 2)}