From b6120d9a406d4d097d6d28f7b72888363e5e8c60 Mon Sep 17 00:00:00 2001
From: zoujiandong <10130823232@qq.com>
Date: Mon, 25 Aug 2025 14:46:40 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A4=84=E7=90=86patienmsg=E4=BF=9D=E9=94=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages_app/patientMsg/patientMsg.vue | 225 ++++++++++++++--------------
 1 file changed, 114 insertions(+), 111 deletions(-)

diff --git a/pages_app/patientMsg/patientMsg.vue b/pages_app/patientMsg/patientMsg.vue
index 9bb8802..179cff4 100644
--- a/pages_app/patientMsg/patientMsg.vue
+++ b/pages_app/patientMsg/patientMsg.vue
@@ -145,98 +145,97 @@
 	};
 </script>
 
-<style scoped>
+<style lang="scss" scoped>
 	.content {
 		background-color: #f5f5f5;
 		min-height: 100vh;
-		
 	}
 	
-	/* 导航栏右侧按钮样式 */
+	// 导航栏右侧按钮样式
 	.nav-right {
 		display: flex;
 		align-items: center;
 	}
 	
-	/* 消息列表样式 */
+	// 消息列表样式
 	.message-list {
 		background-color: #ffffff;
 		margin-top: 20rpx;
+		
+		.message-item {
+			display: flex;
+			align-items: center;
+			padding: 30rpx;
+			border-bottom: 1rpx solid #f0f0f0;
+			background-color: #ffffff;
+			
+			&:last-child {
+				border-bottom: none;
+			}
+			
+			.message-avatar {
+				margin-right: 20rpx;
+				
+				.avatar-placeholder {
+					width: 80rpx;
+					height: 80rpx;
+					background-color: #ff6b6b;
+					border-radius: 10rpx;
+					display: flex;
+					align-items: center;
+					justify-content: center;
+				}
+			}
+			
+			.message-content {
+				flex: 1;
+				
+				.message-header {
+					display: flex;
+					justify-content: space-between;
+					align-items: center;
+					margin-bottom: 10rpx;
+				}
+				
+				.patient-name {
+					font-size: 32rpx;
+					color: #333333;
+					font-weight: 500;
+				}
+				
+				.message-time {
+					font-size: 24rpx;
+					color: #999999;
+				}
+				
+				.message-preview {
+					margin-top: 5rpx;
+					
+					.preview-text {
+						font-size: 28rpx;
+						color: #666666;
+					}
+				}
+			}
+		}
+		
+		// 空状态样式
+		.empty-state {
+			display: flex;
+			flex-direction: column;
+			align-items: center;
+			justify-content: center;
+			padding: 100rpx 0;
+			
+			.empty-text {
+				margin-top: 20rpx;
+				font-size: 28rpx;
+				color: #999999;
+			}
+		}
 	}
 	
-	.message-item {
-		display: flex;
-		align-items: center;
-		padding: 30rpx;
-		border-bottom: 1rpx solid #f0f0f0;
-		background-color: #ffffff;
-	}
-	
-	.message-item:last-child {
-		border-bottom: none;
-	}
-	
-	.message-avatar {
-		margin-right: 20rpx;
-	}
-	
-	.avatar-placeholder {
-		width: 80rpx;
-		height: 80rpx;
-		background-color: #ff6b6b;
-		border-radius: 10rpx;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-	}
-	
-	.message-content {
-		flex: 1;
-	}
-	
-	.message-header {
-		display: flex;
-		justify-content: space-between;
-		align-items: center;
-		margin-bottom: 10rpx;
-	}
-	
-	.patient-name {
-		font-size: 32rpx;
-		color: #333333;
-		font-weight: 500;
-	}
-	
-	.message-time {
-		font-size: 24rpx;
-		color: #999999;
-	}
-	
-	.message-preview {
-		margin-top: 5rpx;
-	}
-	
-	.preview-text {
-		font-size: 28rpx;
-		color: #666666;
-	}
-	
-	/* 空状态样式 */
-	.empty-state {
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		justify-content: center;
-		padding: 100rpx 0;
-	}
-	
-	.empty-text {
-		margin-top: 20rpx;
-		font-size: 28rpx;
-		color: #999999;
-	}
-	
-	/* 底部标签栏样式 */
+	// 底部标签栏样式
 	.tab-bar {
 		position: fixed;
 		bottom: 0;
@@ -248,39 +247,43 @@
 		align-items: center;
 		border-top: 1rpx solid #e0e0e0;
 		z-index: 999;
-	}
-	
-	.tab-item {
-		flex: 1;
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		justify-content: center;
-		position: relative;
-		height: 100%;
-	}
-	.tab-bar .tab-item:nth-child(2){
-		border: 2rpx solid red;
-		border-top: none;
-		border-bottom: :none;
-	}
-	.tab-text {
-		font-size: 28rpx;
-		color: #999999;
-		transition: color 0.3s;
-	}
-	
-	.tab-item.active .tab-text {
-		color: #8B2316;
-		font-weight: 500;
-	}
-	
-	.tab-line {
-		position: absolute;
-		bottom: 0;
-		width: 60rpx;
-		height: 4rpx;
-		background-color: #8B2316;
-		border-radius: 2rpx;
+		
+		.tab-item {
+			flex: 1;
+			display: flex;
+			flex-direction: column;
+			align-items: center;
+			justify-content: center;
+			position: relative;
+			height: 100%;
+			
+			&:nth-child(2) {
+				border: 2rpx solid #ccc;
+				border-top: none;
+				border-bottom: none;
+			}
+			
+			.tab-text {
+				font-size: 28rpx;
+				color: #999999;
+				transition: color 0.3s;
+			}
+			
+			&.active {
+				.tab-text {
+					color: #8B2316;
+					font-weight: 500;
+				}
+				
+				.tab-line {
+					position: absolute;
+					bottom: 0;
+					width: 60rpx;
+					height: 4rpx;
+					background-color: #8B2316;
+					border-radius: 2rpx;
+				}
+			}
+		}
 	}
 </style>