This commit is contained in:
aaron 2025-05-30 10:57:16 +08:00
parent 206957a260
commit 25a03a956a
3 changed files with 49 additions and 11 deletions

View File

@ -5,7 +5,7 @@ services:
build: build:
context: . context: .
dockerfile: Dockerfile dockerfile: Dockerfile
image: tradus-web:1.3.29 image: tradus-web:1.3.30
container_name: tradus-web container_name: tradus-web
ports: ports:
- '6000:80' - '6000:80'

View File

@ -277,10 +277,10 @@ const sendExampleMessage = async (message: string) => {
/> />
</svg> </svg>
</div> </div>
<h3>欢迎使用AI 交易智能体</h3> <h3>AI交易智能体</h3>
<p>可以为您提供市场分析交易建议和投资策略</p> <p>为您提供市场分析交易建议和投资策略</p>
<div class="example-questions"> <div class="example-questions">
<p class="example-title">快速尝试</p> <p class="example-title">快速点击分析</p>
<div class="example-grid"> <div class="example-grid">
<button <button
class="example-question" class="example-question"
@ -459,6 +459,7 @@ const sendExampleMessage = async (message: string) => {
.welcome-content { .welcome-content {
max-width: 500px; max-width: 500px;
padding: 0 0.75rem;
} }
.welcome-icon { .welcome-icon {
@ -476,7 +477,7 @@ const sendExampleMessage = async (message: string) => {
.welcome-content p { .welcome-content p {
color: var(--color-text-secondary); color: var(--color-text-secondary);
margin-bottom: 2rem; margin-bottom: 1.5rem;
line-height: 1.6; line-height: 1.6;
} }
@ -858,6 +859,27 @@ const sendExampleMessage = async (message: string) => {
padding-bottom: 80px; /* 为固定输入框留出空间 */ padding-bottom: 80px; /* 为固定输入框留出空间 */
} }
.welcome-content {
padding: 0 1rem;
}
.example-grid {
grid-template-columns: 1fr;
max-width: 400px;
gap: 0.75rem;
padding: 0 0.5rem;
}
.example-question {
padding: 0.8rem 1.25rem;
font-size: 0.85rem;
min-height: 50px;
}
.example-icon {
font-size: 1rem;
}
.chat-input { .chat-input {
padding: 0.75rem 1rem; padding: 0.75rem 1rem;
background-color: var(--color-bg-primary); background-color: var(--color-bg-primary);
@ -948,11 +970,6 @@ const sendExampleMessage = async (message: string) => {
.welcome-content h3 { .welcome-content h3 {
font-size: 1.25rem; font-size: 1.25rem;
} }
.example-question {
padding: 0.6rem 1.25rem;
font-size: 0.85rem;
}
} }
@media (max-width: 480px) { @media (max-width: 480px) {
@ -966,6 +983,27 @@ const sendExampleMessage = async (message: string) => {
padding: 4.5rem 0.75rem 80px 0.75rem; /* 为固定输入框留出空间 */ padding: 4.5rem 0.75rem 80px 0.75rem; /* 为固定输入框留出空间 */
} }
.welcome-content {
padding: 0 0.75rem;
}
.example-grid {
grid-template-columns: 1fr;
max-width: 350px;
gap: 0.6rem;
padding: 0 0.5rem;
}
.example-question {
padding: 0.7rem 1rem;
font-size: 0.8rem;
min-height: 45px;
}
.example-icon {
font-size: 0.9rem;
}
.chat-input { .chat-input {
padding: 0.5rem 0.75rem; padding: 0.5rem 0.75rem;
background-color: var(--color-bg-primary); background-color: var(--color-bg-primary);

View File

@ -181,7 +181,7 @@ onMounted(() => {
<button class="btn btn-secondary" @click="openAuthModal('register')">注册</button> <button class="btn btn-secondary" @click="openAuthModal('register')">注册</button>
</div> </div>
<div class="hero-actions" v-else> <div class="hero-actions" v-else>
<RouterLink to="/ai-agents" class="btn btn-primary">开始使用</RouterLink> <RouterLink to="/ai-agent" class="btn btn-primary">开始使用</RouterLink>
</div> </div>
</div> </div>
</section> </section>