gdpaomg

pageD/privateChat/privateChat.vue

@@ -193,6 +193,10 @@
 			sendMessage() {//发送消息
 				if (this.content.trim() != '') {
 					this.imService.sendPrivateTextMessage(this.friend.uuid, this.content);
+					let that = this
+					setTimeout(function(){
+						that.scrollToBottom();
+					},500)
 				}
 				this.content = "";
 			},
@@ -322,7 +326,7 @@
 	}
 
 	.chatInterface .message-item{
-		max-height: 400rpx;
+		/* max-height: 400rpx; */
 		margin-top: 40rpx;
 		overflow: hidden;
 	}
@@ -342,7 +346,7 @@
 	.chatInterface .content{
 		font-size: 34rpx;
 		line-height: 44rpx;
-		max-height: 400rpx;
+		/* max-height: 400rpx; */
 		display: flex;
 		align-items: center;
 		justify-content: right;
@@ -356,6 +360,7 @@
 	.chatInterface .content .text-content{
 		padding: 16rpx;
 		border-radius: 12rpx;
+		max-width: 520rpx;
 	}
 	.chatInterface .content .pending{
 		background: url("../images/pending.gif") no-repeat center;
@@ -528,5 +533,83 @@
 		left: 50%;
 		margin:-20rpx;
 	}
+	 .chatInterface .avatar{
+        overflow: hidden;
+        float: left;
+    }
+    .chatInterface .avatar img{
+        width: 100%;
+        height: 100%;
+        display: block;
+    }
+    .chatInterface .content{
+        float: left;
+        overflow: hidden;
+    }
+    .chatInterface .content span{
+        font-family: Source Han Sans CN;
+        letter-spacing: -0.41px;
+        color: #262628;
+        background: #efefef;
+        display: inline-block;
+        word-break: break-all;
+    }
+    .chatInterface .message-item.self{
+        margin-right: 0;
+    }
+    .chatInterface .message-item.self .avatar{
+        margin-right: 0;
+        float: right;
+    }
+    .chatInterface .message-item.self .content{
+        text-align: right;
+        float: right;
+    }
+    .chatInterface .message-item.self .content span{
+        color: #ffffff;
+        background:#D02129;
+        word-break: break-all;
+        text-align: left;
+		max-width: 520rpx;
+    }
+    .chatInterface .action-box{
+        background: #FAFAFA;
+        display: flex;
+        align-content: center;
+        align-items: center;
+    }
+    .chatInterface .message-input{
+        background: #efefef;
+        border: 0;
+        outline: none;
+    }
+
+    .chatInterface .send-message-btn{
+        flex-grow: 1;
+        text-align: center;
+        color: #95949A;
+    }
+
+    .chatInterface .member-layer{
+        width:100%;
+        height: 100%;
+        background: #FFFFFF;
+        top: 0;
+        left: 0;
+        position: absolute;
+    }
+    .member-layer .member{
+        display: flex;
+        flex-wrap: wrap;
+    }
+
+    .chatInterface .group-icon{
+        position: absolute;
+    }
+
+    .chatInterface .gray{
+        color: gray!important;
+        text-decoration: none!important;
+    }
 
 </style>