fix: message 修改

src/layout/components/Header/components/Message.vue

@@ -14,9 +14,11 @@
 							<div v-for="item of v.list" :key="item.id" class="message-item">
 								<!--<img src="" alt="" class="message-icon" />-->
 								<div class="message-content">
-									<span class="message-title">{{ item.title }}</span>
+									<div class="message-title">
+										<span class="txt text-overflow_ellipsis" :title="item.title">{{ item.title }}</span>
+										<span class="message-date">{{ item.createTime }}</span>
+									</div>
 									<span class="message-txt">{{ item.content }}</span>
-									<span class="message-date">{{ item.createTime }}</span>
 								</div>
 							</div>
 						</div>
@@ -85,18 +87,25 @@ getMessage().then(res => {
 		.message-content {
 			display: flex;
 			flex-direction: column;
+			width: 100%;
 			.message-title {
+				display: flex;
+				align-items: center;
+				justify-content: space-between;
 				margin-bottom: 5px;
 				font-weight: 600;
 				color: var(--el-text-color-primary);
 			}
-			.message-txt {
-				//margin-bottom: 5px;
-				color: var(--el-text-color-regular);
-			}
 			.message-date {
 				font-size: 12px;
 				color: var(--el-text-color-secondary);
+				margin-left: 10px;
+				font-weight: 400;
+				flex-shrink: 0;
+			}
+			.message-txt {
+				//margin-bottom: 5px;
+				color: var(--el-text-color-regular);
 			}
 		}
 	}