From b8223f8be083aa500d0e45a5a83e7fbe358eb608 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=AE=8B=E6=9D=B0?= Date: Wed, 23 Jul 2025 15:01:33 +0800 Subject: [PATCH] =?UTF-8?q?=E6=A0=87=E9=A2=98=E8=BF=87=E9=95=BF=E6=97=B6?= =?UTF-8?q?=E6=98=BE=E7=A4=BA=E7=9C=81=E7=95=A5=E5=8F=B7=E3=80=82?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/AIchat.vue | 12 ++++++++---- src/views/AiEmotion.vue | 49 ++++++++++++++++++++++++++++--------------------- 2 files changed, 36 insertions(+), 25 deletions(-) diff --git a/src/views/AIchat.vue b/src/views/AIchat.vue index f0d8639..48607e7 100644 --- a/src/views/AIchat.vue +++ b/src/views/AIchat.vue @@ -4323,11 +4323,15 @@ p { background-size: 100% 100%; min-width: 200px; width: 20vw; + max-width: 50%; height: 50px; - padding: 5px 0px 0px 0px; - display: flex; - justify-content: center; - align-items: center; + padding: 15px 10px; + text-align: center; + line-height: 20px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + box-sizing: border-box; } .date { diff --git a/src/views/AiEmotion.vue b/src/views/AiEmotion.vue index 627c1fa..81c3f20 100644 --- a/src/views/AiEmotion.vue +++ b/src/views/AiEmotion.vue @@ -2464,24 +2464,22 @@ defineExpose({ .span01 { background-image: url('@/assets/img/AiEmotion/bk01.png'); - /* 使用导入的背景图片 */ background-size: 100% 100%; - /* 背景图片覆盖整个容器 */ background-repeat: no-repeat; - /* 防止背景图片重复 */ - /* display: inline-block; */ - /* 确保容器是块级元素 */ padding: 10px; - /* 添加内边距以显示内容 */ color: #fff; - /* 设置文字颜色以确保可读性 */ - font-size: 1.5rem; - /* 增加字体大小以便更清晰显示股票名称 */ + font-size: 20px; + font-weight: bold; text-align: center; - /* transform: translate(-50%, -50%); */ margin-left: 0; width: 30%; + min-width: 200px; + max-width: 50%; height: auto; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + box-sizing: border-box; } .class01 { @@ -2604,7 +2602,12 @@ defineExpose({ .span01 { width: 40%; + min-width: 180px; + max-width: 60%; font-size: 1.3rem; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } .span02 { @@ -2771,6 +2774,17 @@ defineExpose({ margin-left: 5%; } + /* .span01 { + width: 50%; + min-width: 150px; + max-width: 70%; + font-size: 16px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + padding: 8px; + } */ + .class02 .span02 { font-size: 14px; color: white; @@ -3089,20 +3103,13 @@ defineExpose({ .span01 { - /* 使用导入的背景图片 */ background-image: url('@/assets/img/AiEmotion/bk01.png'); background-size: 100% 100%; - /* 背景图片覆盖整个容器 */ background-repeat: no-repeat; - /* 防止背景图片重复 */ display: inline-block; - /* 确保容器是块级元素 */ padding: 10px; - /* 添加内边距以显示内容 */ color: #fff; - /* 设置文字颜色以确保可读性 */ font-size: 14px; - /* 增加字体大小以便更清晰显示股票名称 */ text-align: center; width: 50%; } @@ -3118,11 +3125,11 @@ defineExpose({ align-items: center; } - .span01 { + /* .span01 { width: 60%; font-size: 1.2rem; padding: 8px; - } + } */ .span02 { font-size: 1.2rem; @@ -3166,11 +3173,11 @@ defineExpose({ min-height: 30px; } - .span01 { + /* .span01 { width: 50%; font-size: 1rem; padding: 6px; - } + } */ .span02 { font-size: 1rem;