diff --git a/manager/static/css/common.css b/manager/static/css/common.css new file mode 100644 index 00000000..ac0a6498 --- /dev/null +++ b/manager/static/css/common.css @@ -0,0 +1,66 @@ +/* common.css */ +/* 基础样式 */ +body { + margin: 0; + padding: 0; + background: linear-gradient(135deg, #1a1f25 0%, #0d1117 100%); + min-height: 100vh; + font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +/* 头部组件 */ +.app-header { + background: rgba(13, 17, 23, 0.8); + backdrop-filter: blur(10px); + color: #fff; + padding: 1.5rem 2rem; + font-size: 1.4rem; + border-bottom: 1px solid rgba(255, 255, 255, 0.1); + display: flex; + align-items: center; + gap: 1rem; + position: relative; + z-index: 1; +} + +.header-logo { + width: 32px; + height: 32px; + background: linear-gradient(45deg, #00c6fb 0%, #005bea 100%); + border-radius: 8px; + display: flex; + align-items: center; + justify-content: center; + font-weight: bold; +} + +/* 页脚组件 */ +.app-footer { + text-align: center; + color: rgba(255, 255, 255, 0.6); + font-size: 13px; + padding: 20px; + position: fixed; + bottom: 0; + width: 100%; + z-index: 1; +} + +/* 背景动画 */ +.animated-bg { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: -1; + background: linear-gradient(-45deg, #1a1f25, #0d1117, #162030, #1c1c1c); + background-size: 400% 400%; + animation: gradient 15s ease infinite; +} + +@keyframes gradient { + 0% { background-position: 0% 50% } + 50% { background-position: 100% 50% } + 100% { background-position: 0% 50% } +} \ No newline at end of file diff --git a/manager/static/images/favicon.ico b/manager/static/images/favicon.ico new file mode 100644 index 00000000..2e4ba64e Binary files /dev/null and b/manager/static/images/favicon.ico differ diff --git a/manager/static/index.html b/manager/static/index.html index c42fcfed..8da76c5f 100644 --- a/manager/static/index.html +++ b/manager/static/index.html @@ -1,5 +1,5 @@ - - + + @@ -8,39 +8,11 @@ + + 小智-server
-
- - xiaozhi-esp32-server -
+ xiaozhi-esp32-server
配置角色：
@@ -123,9 +73,7 @@
注意：保存配置后，需要重启设备，新的配置才会生效。
-
- © 2025 xiaozhi-esp32-server -
+
diff --git a/manager/static/js/common.js b/manager/static/js/common.js index 0f888e11..790e6b43 100644 --- a/manager/static/js/common.js +++ b/manager/static/js/common.js @@ -37,4 +37,32 @@ function get(api, fn) { } fn(data); }); +} + +// 注册全局组件 +const AppHeader = { + template: ` +
+ + xiaozhi-esp32-server +
+ ` +}; + +const AppFooter = { + template: ` + + ` +}; + +// 初始化Vue应用的通用配置 +function createVueApp(options) { + const app = Vue.createApp({ + ...options, + components: { AppHeader, AppFooter } + }); + app.use(ElementPlus); + return app; } \ No newline at end of file diff --git a/manager/static/login.html b/manager/static/login.html index 0a622146..6621a134 100644 --- a/manager/static/login.html +++ b/manager/static/login.html @@ -1,46 +1,18 @@ - - + + + + 小智-server
-
- - xiaozhi-esp32-server -
+ xiaozhi-esp32-server +
-
- © 2025 xiaozhi-esp32-server -
+ +
+