update

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

src/App.vue

@@ -12,9 +12,6 @@ import { RouterLink, RouterView } from 'vue-router'
           <RouterLink to="/ai-agent" class="nav-link">AI Agent</RouterLink>
           <RouterLink to="/tools" class="nav-link">工具集合</RouterLink>
         </nav>
-        <div class="user-actions">
-          <button class="btn-connect">连接钱包</button>
-        </div>
       </div>
     </header>
 
@@ -26,6 +23,17 @@ import { RouterLink, RouterView } from 'vue-router'
 
     <footer class="app-footer">
       <div class="footer-content">
+        <div class="footer-links">
+          <a href="https://t.me/cryptoaigroup" target="_blank" class="footer-link">
+            <svg class="telegram-icon-footer" viewBox="0 0 24 24" width="18" height="18">
+              <path
+                fill="currentColor"
+                d="M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12 12-5.373 12-12S18.627 0 12 0zm5.894 8.221l-1.97 9.28c-.145.658-.537.818-1.084.508l-3-2.21-1.446 1.394c-.14.18-.357.34-.737.34l.265-3.73 6.8-6.14c.307-.266-.064-.42-.476-.154l-8.407 5.296-3.6-1.122c-.784-.245-.802-.784.17-1.156l14.095-5.41c.654-.245 1.227.166.99 1.104z"
+              />
+            </svg>
+            电报群
+          </a>
+        </div>
         <p>&copy; 2024 Crypto.AI - 加密货币AI服务平台</p>
       </div>
     </footer>
@@ -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;
   }

src/views/HomeView.vue

@@ -6,9 +6,17 @@
       <div class="hero-content">
         <h1 class="hero-title">Crypto.AI <span class="accent">加密货币AI投研服务平台</span></h1>
         <p class="hero-subtitle">提供一站式加密货币AI投研服务</p>
-        <!-- <div class="hero-actions">
+        <div class="hero-actions">
-          <button class="btn btn-primary">探索工具</button>
+          <a href="https://t.me/cryptoaigroup" target="_blank" class="btn btn-telegram">
-        </div> -->
+            <svg class="telegram-hero-icon" viewBox="0 0 24 24" width="24" height="24">
+              <path
+                fill="currentColor"
+                d="M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12 12-5.373 12-12S18.627 0 12 0zm5.894 8.221l-1.97 9.28c-.145.658-.537.818-1.084.508l-3-2.21-1.446 1.394c-.14.18-.357.34-.737.34l.265-3.73 6.8-6.14c.307-.266-.064-.42-.476-.154l-8.407 5.296-3.6-1.122c-.784-.245-.802-.784.17-1.156l14.095-5.41c.654-.245 1.227.166.99 1.104z"
+              />
+            </svg>
+            加入电报群
+          </a>
+        </div>
       </div>
     </section>
 
@@ -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 {