From 9c703ad75a859f7c1f3c5c2b508b444339bfdd9b Mon Sep 17 00:00:00 2001 From: etoai Date: Fri, 8 May 2026 00:51:53 +0800 Subject: [PATCH] 11 --- front/vite-project/index.html | 4 +- front/vite-project/src/App.vue | 345 ++++++++++++++++++++++++------- front/vite-project/src/main.js | 1 + front/vite-project/src/style.css | 60 +++--- 4 files changed, 297 insertions(+), 113 deletions(-) diff --git a/front/vite-project/index.html b/front/vite-project/index.html index 07f3156..dd644cd 100644 --- a/front/vite-project/index.html +++ b/front/vite-project/index.html @@ -1,10 +1,10 @@ - + - vite-project + LOF 基金实时溢价监控
diff --git a/front/vite-project/src/App.vue b/front/vite-project/src/App.vue index ce83e6b..4903e5d 100644 --- a/front/vite-project/src/App.vue +++ b/front/vite-project/src/App.vue @@ -1,5 +1,23 @@ \ No newline at end of file diff --git a/front/vite-project/src/main.js b/front/vite-project/src/main.js index afaef06..6e53f43 100644 --- a/front/vite-project/src/main.js +++ b/front/vite-project/src/main.js @@ -3,5 +3,6 @@ import './style.css' import App from './App.vue' import ElementPlus from 'element-plus' import 'element-plus/dist/index.css' +import 'element-plus/theme-chalk/dark/css-vars.css' createApp(App).use(ElementPlus).mount('#app') diff --git a/front/vite-project/src/style.css b/front/vite-project/src/style.css index 527d4fb..245c788 100644 --- a/front/vite-project/src/style.css +++ b/front/vite-project/src/style.css @@ -1,53 +1,45 @@ :root { - --text: #6b6375; - --text-h: #08060d; - --bg: #fff; - --border: #e5e4e7; - --code-bg: #f4f3ec; - --accent: #aa3bff; - --accent-bg: rgba(170, 59, 255, 0.1); - --accent-border: rgba(170, 59, 255, 0.5); - --social-bg: rgba(244, 243, 236, 0.5); - --shadow: - rgba(0, 0, 0, 0.1) 0 10px 15px -3px, rgba(0, 0, 0, 0.05) 0 4px 6px -2px; + --text: #9ca3af; + --text-h: #f3f4f6; + --bg: #0d1117; + --bg-secondary: #161b22; + --border: #30363d; + --code-bg: #1f2028; + --accent: #58a6ff; + --accent-bg: rgba(88, 166, 255, 0.15); + --accent-border: rgba(88, 166, 255, 0.5); + --social-bg: rgba(47, 48, 58, 0.5); + --shadow: rgba(0, 0, 0, 0.4) 0 10px 15px -3px, rgba(0, 0, 0, 0.25) 0 4px 6px -2px; --sans: system-ui, 'Segoe UI', Roboto, sans-serif; --heading: system-ui, 'Segoe UI', Roboto, sans-serif; --mono: ui-monospace, Consolas, monospace; - font: 18px/145% var(--sans); + font: 16px/145% var(--sans); letter-spacing: 0.18px; - color-scheme: light dark; + color-scheme: dark; color: var(--text); background: var(--bg); font-synthesis: none; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; - - @media (max-width: 1024px) { - font-size: 16px; - } } -@media (prefers-color-scheme: dark) { - :root { - --text: #9ca3af; - --text-h: #f3f4f6; - --bg: #16171d; - --border: #2e303a; - --code-bg: #1f2028; - --accent: #c084fc; - --accent-bg: rgba(192, 132, 252, 0.15); - --accent-border: rgba(192, 132, 252, 0.5); - --social-bg: rgba(47, 48, 58, 0.5); - --shadow: - rgba(0, 0, 0, 0.4) 0 10px 15px -3px, rgba(0, 0, 0, 0.25) 0 4px 6px -2px; - } +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} - #social .button-icon { - filter: invert(1) brightness(2); - } +body { + min-height: 100vh; + background: var(--bg); + color: var(--text); +} + +#app { + min-height: 100vh; } body {