diff --git a/docker-compose.yml b/docker-compose.yml index c0c2d65..827a0cc 100644 --- a/docker-compose.yml +++ b/docker-compose.yml @@ -5,7 +5,7 @@ services: build: context: . dockerfile: Dockerfile - image: icrypto-web:1.0.0 + image: icrypto-web:1.0.1 ports: - '6000:80' restart: unless-stopped diff --git a/src/App.vue b/src/App.vue index 3631398..0269097 100644 --- a/src/App.vue +++ b/src/App.vue @@ -12,9 +12,6 @@ import { RouterLink, RouterView } from 'vue-router' AI Agent 工具集合 -
- -
@@ -26,6 +23,17 @@ import { RouterLink, RouterView } from 'vue-router' @@ -127,7 +135,7 @@ body { padding: 0 var(--content-padding); display: flex; align-items: center; - justify-content: space-between; + justify-content: center; height: 100%; } @@ -136,6 +144,8 @@ body { font-weight: var(--font-weight-bold); color: var(--color-text-primary); letter-spacing: 0.5px; + position: absolute; + left: calc(var(--content-padding) + (100% - var(--max-content-width)) / 2); } .main-nav { @@ -175,27 +185,6 @@ body { background-color: var(--color-accent); } -.user-actions { - display: flex; - align-items: center; -} - -.btn-connect { - background-color: var(--color-bg-elevated); - color: var(--color-text-primary); - border: 1px solid var(--color-border); - padding: 0.7rem 1.4rem; - border-radius: var(--border-radius); - font-weight: var(--font-weight-medium); - cursor: pointer; - transition: all 0.2s ease; -} - -.btn-connect:hover { - background-color: var(--color-bg-secondary); - border-color: var(--color-border-hover); -} - .app-content { flex: 1; width: 100%; @@ -238,6 +227,30 @@ body { color: var(--color-text-tertiary); } +.footer-links { + display: flex; + justify-content: center; + margin-bottom: 1rem; +} + +.footer-link { + display: flex; + align-items: center; + gap: 0.5rem; + color: var(--color-text-secondary); + text-decoration: none; + transition: all 0.2s ease; +} + +.footer-link:hover { + color: var(--color-text-primary); +} + +.telegram-icon-footer { + width: 18px; + height: 18px; +} + /* 全局按钮样式 */ .btn { padding: 0.8rem 1.6rem; @@ -297,6 +310,10 @@ body { width: 100%; max-width: var(--max-content-width); } + + .logo { + left: var(--content-padding); + } } @media (max-width: 768px) { @@ -328,12 +345,6 @@ body { height: auto; } - .user-actions { - width: 100%; - justify-content: center; - margin-bottom: 0.5rem; - } - .app-content { padding: 1rem 0; } diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue index 1a3b81f..fade710 100644 --- a/src/views/HomeView.vue +++ b/src/views/HomeView.vue @@ -6,9 +6,17 @@

Crypto.AI 加密货币AI投研服务平台

提供一站式加密货币AI投研服务

- +
+ + + + + 加入电报群 + +
@@ -102,6 +110,31 @@ display: flex; gap: 1rem; justify-content: center; + margin-top: 1.5rem; +} + +.btn-telegram { + display: flex; + align-items: center; + gap: 0.6rem; + background-color: #229ed9; + color: white; + border: none; + font-weight: var(--font-weight-medium); + cursor: pointer; + transition: all 0.2s ease; + text-decoration: none; +} + +.btn-telegram:hover { + background-color: #1a8bbf; + transform: translateY(-2px); + box-shadow: 0 5px 15px rgba(34, 158, 217, 0.3); +} + +.telegram-hero-icon { + width: 24px; + height: 24px; } .btn {