标题过长时显示省略号。

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 {

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;