处理patienmsg保错

pages_app/patientMsg/patientMsg.vue

@@ -145,24 +145,22 @@
 	};
 </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;
@@ -170,15 +168,13 @@
 			padding: 30rpx;
 			border-bottom: 1rpx solid #f0f0f0;
 			background-color: #ffffff;
-	}
 			
-	.message-item:last-child {
+			&:last-child {
 				border-bottom: none;
 			}
 			
 			.message-avatar {
 				margin-right: 20rpx;
-	}
 				
 				.avatar-placeholder {
 					width: 80rpx;
@@ -189,10 +185,10 @@
 					align-items: center;
 					justify-content: center;
 				}
+			}
 			
 			.message-content {
 				flex: 1;
-	}
 				
 				.message-header {
 					display: flex;
@@ -214,29 +210,32 @@
 				
 				.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,7 +247,6 @@
 		align-items: center;
 		border-top: 1rpx solid #e0e0e0;
 		z-index: 999;
-	}
 		
 		.tab-item {
 			flex: 1;
@@ -258,19 +256,21 @@
 			justify-content: center;
 			position: relative;
 			height: 100%;
-	}
-	.tab-bar .tab-item:nth-child(2){
-		border: 2rpx solid red;
+			
+			&:nth-child(2) {
+				border: 2rpx solid #ccc;
 				border-top: none;
-		border-bottom: :none;
+				border-bottom: none;
 			}
+			
 			.tab-text {
 				font-size: 28rpx;
 				color: #999999;
 				transition: color 0.3s;
 			}
 			
-	.tab-item.active .tab-text {
+			&.active {
+				.tab-text {
 					color: #8B2316;
 					font-weight: 500;
 				}
@@ -283,4 +283,7 @@
 					background-color: #8B2316;
 					border-radius: 2rpx;
 				}
+			}
+		}
+	}
 </style>