From 206957a260043c193299e1e57c1e42052319289a Mon Sep 17 00:00:00 2001 From: aaron <> Date: Fri, 30 May 2025 10:42:16 +0800 Subject: [PATCH] update --- docker-compose.yml | 2 +- src/App.vue | 4 +- src/views/ChatAgentView.vue | 120 ++++++++++++++++++++++++++---------- 3 files changed, 89 insertions(+), 37 deletions(-) diff --git a/docker-compose.yml b/docker-compose.yml index 32e50f9..62d3479 100644 --- a/docker-compose.yml +++ b/docker-compose.yml @@ -5,7 +5,7 @@ services: build: context: . dockerfile: Dockerfile - image: tradus-web:1.3.28 + image: tradus-web:1.3.29 container_name: tradus-web ports: - '6000:80' diff --git a/src/App.vue b/src/App.vue index 1da9859..8864594 100644 --- a/src/App.vue +++ b/src/App.vue @@ -513,7 +513,7 @@ onUnmounted(() => { 首页 - + { minute: '2-digit', }) } + +// 发送示例消息 +const sendExampleMessage = async (message: string) => { + messageInput.value = message + await sendMessage() +} @@ -264,32 +270,51 @@ const formatTime = (date: Date) => { - 🤖 + + + + + 欢迎使用AI 交易智能体 - 您可以向我提问任何问题,我会尽力为您提供帮助 + 可以为您提供市场分析、交易建议和投资策略 - 试试这些问题: - - 分析一下:BTC - - - 分析一下:贵州茅台 - - - 分析一下:ETH - + 快速尝试: + + + ₿ + 分析BTC行情 + + + Ξ + 分析ETH行情 + + + 📈 + 分析贵州茅台股票 + + + 🏦 + 分析中国平安股票 + + @@ -343,6 +368,7 @@ const formatTime = (date: Date) => { { .welcome-icon { font-size: 3rem; - margin-bottom: 1rem; + margin-bottom: 1.5rem; + color: var(--color-accent); } .welcome-content h3 { @@ -466,28 +493,49 @@ const formatTime = (date: Date) => { margin-bottom: 0.5rem; } +.example-grid { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); + gap: 0.75rem; + width: 100%; + max-width: 600px; +} + .example-question { - padding: 0.75rem 1.5rem; + display: flex; + align-items: center; + gap: 0.5rem; + padding: 1rem 1.5rem; border: 1px solid var(--color-border); - border-radius: var(--border-radius); + border-radius: 12px; background: var(--color-bg-secondary); color: var(--color-text-primary); cursor: pointer; transition: all 0.2s ease; font-size: 0.9rem; - max-width: 300px; - text-align: center; + text-align: left; + min-height: 60px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); } .example-question:hover:not(:disabled) { border-color: var(--color-accent); - background: var(--color-accent); - color: white; + background: var(--color-bg-primary); + transform: translateY(-1px); + box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); } .example-question:disabled { opacity: 0.5; cursor: not-allowed; + transform: none; +} + +.example-icon { + font-size: 1.2rem; + flex-shrink: 0; + width: 24px; + text-align: center; } .message-wrapper { @@ -589,18 +637,22 @@ const formatTime = (date: Date) => { .message-body { background-color: var(--color-bg-secondary); - border-radius: var(--border-radius); - padding: 1rem; + border-radius: 18px; + padding: 1rem 1.25rem; position: relative; width: fit-content; min-width: 100px; max-width: 600px; word-wrap: break-word; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); + border: 1px solid rgba(0, 0, 0, 0.05); } .user-message .message-body { - background-color: var(--color-accent); + background: linear-gradient(135deg, var(--color-accent), #667eea); color: white; + border: none; + box-shadow: 0 2px 8px rgba(59, 130, 246, 0.2); } .message-text {
您可以向我提问任何问题,我会尽力为您提供帮助
可以为您提供市场分析、交易建议和投资策略
试试这些问题:
快速尝试: