From 735e6d300ff93738896093770931df7c78f96b2e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=AE=8B=E6=9D=B0?= Date: Thu, 30 Oct 2025 21:27:25 +0800 Subject: [PATCH] =?UTF-8?q?placeholder=E6=96=87=E5=AD=97=E5=A4=84=E7=90=86?= =?UTF-8?q?=EF=BC=9B?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- components/DeepMate.vue | 37 +++++++++++++++++++++++++++++++++---- 1 file changed, 33 insertions(+), 4 deletions(-) diff --git a/components/DeepMate.vue b/components/DeepMate.vue index d7a0f67..586dbd1 100644 --- a/components/DeepMate.vue +++ b/components/DeepMate.vue @@ -38,6 +38,7 @@ class="stock-input" type="text" placeholder="请输入股票代码/名称,获取AI洞察" + placeholder-style="color:#fff;opacity:1" v-model="inputValue" @confirm="handleSend" /> @@ -196,16 +197,20 @@ .stock-input { flex: 1; height: 36px; - font-size: 14px; + font-size: 13px; color: #ffffff; - padding: 0 10px; + padding: 0 8px; border: none; background-color: transparent; + min-width: 0; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } -.stock-input::placeholder { +/* .stock-input::placeholder { color: rgba(255, 255, 255, 0.8); -} +} */ .send-button-container { display: flex; @@ -278,4 +283,28 @@ opacity: 0; } } + +/* 小屏幕设备优化 */ +@media screen and (max-width: 375px) { + .stock-input { + font-size: 12px; + padding: 0 6px; + } + + .deepmate-action { + padding: 6px 12px; + } +} + +/* 超小屏幕设备优化 */ +@media screen and (max-width: 320px) { + .stock-input { + font-size: 11px; + padding: 0 4px; + } + + .deepmate-action { + padding: 5px 10px; + } +} \ No newline at end of file