Просмотр исходного кода

显示聊天消息指向箭头

xsx 1 год назад
Родитель
Сommit
4f76dc5b2c
1 измененных файлов с 4 добавлено и 4 удалено
  1. 4 4
      im-web/src/components/chat/ChatMessageItem.vue

+ 4 - 4
im-web/src/components/chat/ChatMessageItem.vue

@@ -257,7 +257,8 @@
 				.chat-msg-bottom {
 				.chat-msg-bottom {
 					display: inline-block;
 					display: inline-block;
 					padding-right: 300px;
 					padding-right: 300px;
-
+					padding-left: 5px;
+					
 					.chat-msg-text {
 					.chat-msg-text {
 						display: block;
 						display: block;
 						position: relative;
 						position: relative;
@@ -276,7 +277,6 @@
 							position: absolute;
 							position: absolute;
 							left: -10px;
 							left: -10px;
 							top: 13px;
 							top: 13px;
-							z-index: -1;
 							width: 0;
 							width: 0;
 							height: 0;
 							height: 0;
 							border-style: solid dashed dashed;
 							border-style: solid dashed dashed;
@@ -437,7 +437,7 @@
 
 
 					.chat-msg-bottom {
 					.chat-msg-bottom {
 						padding-left: 180px;
 						padding-left: 180px;
-						padding-right: 0;
+						padding-right: 5px;
 
 
 						.chat-msg-text {
 						.chat-msg-text {
 							margin-left: 10px;
 							margin-left: 10px;
@@ -447,7 +447,7 @@
 							&:after {
 							&:after {
 								left: auto;
 								left: auto;
 								right: -10px;
 								right: -10px;
-								border-top-color: rgb(88, 127, 240);
+								border-top-color: var(--im-color-primary-light-2);
 							}
 							}
 						}
 						}