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