单行超出显示省略号

pages/message/adUser.vue

@@ -200,6 +200,10 @@ page {
             font-weight: 400;
             font-size: 30rpx;
             color: #000000;
+			max-width: 400rpx; /* 设置容器宽度 */
+			white-space: nowrap; /* 防止换行 */
+			overflow: hidden; /* 隐藏超出部分 */
+			text-overflow: ellipsis; /* 超出部分显示省略号 */
 
         }
 
@@ -208,6 +212,11 @@ page {
             font-size: 20rpx;
             color: #939393;
 			max-width: 430rpx;
+			display: -webkit-box;
+			-webkit-box-orient: vertical;
+			-webkit-line-clamp: 2;
+			overflow: hidden;
+			text-overflow: ellipsis;
         }
     }
 

pages/message/index.vue

@@ -28,7 +28,7 @@
 			  </view>
 			</view>
 			<view style="margin-left: 26rpx;width: 612rpx;">
-			  <text class="contentboxtexttop">{{ item.nickName }}</text>
+			  <div class="contentboxtexttop">{{ item.nickName }}</div>
 			  <text v-if="myuserid.value == item.senderId.value && item.sendTime != null" class="contentboxtextmiddle"
 				id="contentboxtmiddle">{{ ReturnTime(item.sendTime) }} </text>
 			  <text v-if="myuserid.value == item.senderId.value && item.messageType == 51"
@@ -232,11 +232,14 @@ page {
   }
   .contentboxtexttop {
 	font-weight: 600;
-	height: 30rpx;
+	// height: 30rpx;
 	font-size: 30rpx;
 	text-align: left;
 	color: #000000;
-	vertical-align: middle;
+	max-width: 380rpx; /* 设置容器宽度 */
+	white-space: nowrap; /* 防止换行 */
+	overflow: hidden; /* 隐藏超出部分 */
+	text-overflow: ellipsis; /* 超出部分显示省略号 */
   }
   
   .contentboxtextmiddle {