update
This commit is contained in:
aaron
parent
0554c1879c
commit
bd278fbc03
@ -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
|
||||
|
||||
73
src/App.vue
73
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>© 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;
|
||||
}
|
||||
|
||||
@ -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">
|
||||
<button class="btn btn-primary">探索工具</button>
|
||||
</div> -->
|
||||
<div class="hero-actions">
|
||||
<a href="https://t.me/cryptoaigroup" target="_blank" class="btn btn-telegram">
|
||||
<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 {
|
||||
|
||||
Loading…
Reference in New Issue
Block a user