样式调整

resources/views/admin/pages/index.blade.php

@@ -24,7 +24,7 @@
 	}
 	.msg-list-item { position: relative; border: 1px solid #dbe3e6; padding: 10px; border-radius: 5px; margin-bottom: 1px; cursor: pointer; }
 	.msg-list-item:hover { border-color: green; }
-	.msg-list-item.active { border: 1px solid green; box-shadow: 0px 0px 3px green; }
+	.msg-list-item.active { border: 2px solid green; box-shadow: 0px 0px 4px green; }
 	.msg-list-title { font-weight: bold; font-size: 14px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; border-radius: 5px; padding: 2px 5px; overflow: hidden; text-overflow: ellipsis; margin-bottom: 5px; }
 	.msg-list-content { color: gray; background-color: #f4f4f4; border-radius: 5px; padding: 2px 5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
 	.msg-list-badge {
@@ -188,6 +188,10 @@
 
 		Dcat.ready(function() {
 
+			// 获取元素距离父级元素顶部的距离
+			let offsetTop  = $('.msg-list-item.active').position().top
+			$(".msg-list").animate({ scrollTop: offsetTop - 20}, 1)
+
 			$(".msg-chat-list").animate({ scrollTop: $(".msg-chat-list")[0].scrollHeight - $('.msg-chat-list').height() }, 1)
 
 			$('.msg-image').on('click', function (e) {