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;