lkddi/chatroom
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 4 Wiki Activity

style: 优化前台警告消息样式，标红、加大并加粗以提升视觉张力

Browse Source
This commit is contained in:
pllx
2026-07-01 09:52:04 +08:00
parent d8cb75d282
commit b19ebdc7d8
1 changed files with 12 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/js/chat-room/message-renderer.js
+12 -4
View File
@@ -797,10 +797,18 @@ export function appendMessage(msg, renderBatch = null) {
let parsedContent = parseBracketUsers(msg.content); let parsedContent = parseBracketUsers(msg.content);
html = `${headImg}<span style="font-weight: bold;">${clickableUser(msg.from_user, fontColor, nameClass)}：</span><span class="msg-content${textColorClass}" style="color: ${fontColor}; font-weight: bold;">${parsedContent}</span>`; html = `${headImg}<span style="font-weight: bold;">${clickableUser(msg.from_user, fontColor, nameClass)}：</span><span class="msg-content${textColorClass}" style="color: ${fontColor}; font-weight: bold;">${parsedContent}</span>`;
} else { } else {
div.style.cssText = const isWarning = (msg.content || "").includes("警告");
"background: #fffbeb; border-left: 3px solid #d97706; border-radius: 4px; padding: 4px 10px; margin: 2px 0;"; if (isWarning) {
let sysTranContent = parseBracketUsers(msg.content); div.style.cssText =
html = `<span style="color: #b45309;">🌟 ${sysTranContent}</span>`; "background: #fef2f2; border-left: 4px solid #ef4444; border-radius: 4px; padding: 4px 10px; margin: 2px 0;";
let sysTranContent = parseBracketUsers(msg.content, "#dc2626");
html = `<span style="color: #dc2626; font-weight: 800; font-size: 1.15em;">🌟 ${sysTranContent}</span>`;
} else {
div.style.cssText =
"background: #fffbeb; border-left: 3px solid #d97706; border-radius: 4px; padding: 4px 10px; margin: 2px 0;";
let sysTranContent = parseBracketUsers(msg.content);
html = `<span style="color: #b45309;">🌟 ${sysTranContent}</span>`;
}
} }
} else if (resolveGameNotificationCardMeta(msg)) { } else if (resolveGameNotificationCardMeta(msg)) {
html = buildSystemGameNotificationHtml(msg, timeStr); html = buildSystemGameNotificationHtml(msg, timeStr);