聊天室更新markdown

urbanLifelineWeb/packages/workcase/src/views/public/AIChat/AIChatView.scss

@@ -361,7 +361,6 @@ $brand-color-hover: #004488;
 
 // ==================== 消息列表 ====================
 .messages-list {
-    max-width: 768px;
     margin: 0 auto;
     padding: 24px 16px;
 
@@ -485,7 +484,6 @@ $brand-color-hover: #004488;
     background: #fff;
 
     .quick-bar-inner {
-        max-width: 768px;
         margin: 0 auto;
         display: flex;
         gap: 8px;
@@ -528,7 +526,6 @@ $brand-color-hover: #004488;
     background: #f8fafc;
 
     .input-wrapper {
-        max-width: 768px;
         margin: 0 auto;
     }
 
@@ -616,3 +613,107 @@ $brand-color-hover: #004488;
         margin: 12px 0 0;
     }
 }
+
+// ==================== Markdown样式 ====================
+.message-bubble {
+    // 粗体
+    strong {
+        font-weight: 600;
+        color: inherit;
+    }
+
+    // 斜体
+    em {
+        font-style: italic;
+    }
+
+    // 行内代码
+    .inline-code {
+        background: rgba(0, 0, 0, 0.05);
+        padding: 2px 6px;
+        border-radius: 4px;
+        font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
+        font-size: 13px;
+        color: #e53e3e;
+    }
+
+    // 代码块
+    .code-block {
+        background: rgba(0, 0, 0, 0.05);
+        padding: 12px;
+        border-radius: 8px;
+        overflow-x: auto;
+        margin: 8px 0;
+
+        code {
+            font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
+            font-size: 13px;
+            line-height: 1.5;
+            color: #334155;
+        }
+    }
+
+    // 链接
+    .md-link {
+        color: $brand-color;
+        text-decoration: underline;
+
+        &:hover {
+            color: $brand-color-hover;
+        }
+    }
+
+    // 标题
+    .md-h1 {
+        font-size: 20px;
+        font-weight: 700;
+        margin: 12px 0 8px;
+        color: inherit;
+    }
+
+    .md-h2 {
+        font-size: 18px;
+        font-weight: 600;
+        margin: 10px 0 6px;
+        color: inherit;
+    }
+
+    .md-h3 {
+        font-size: 16px;
+        font-weight: 600;
+        margin: 8px 0 4px;
+        color: inherit;
+    }
+
+    // 列表
+    .md-ul, .md-ol {
+        margin: 8px 0;
+        padding-left: 20px;
+    }
+
+    .md-li {
+        margin: 4px 0;
+        line-height: 1.6;
+    }
+}
+
+// 用户消息中的markdown样式（白色背景）
+.message-bubble.user {
+    .inline-code {
+        background: rgba(255, 255, 255, 0.2);
+        color: #fff;
+    }
+
+    .code-block {
+        background: rgba(255, 255, 255, 0.15);
+
+        code {
+            color: #fff;
+        }
+    }
+
+    .md-link {
+        color: #fff;
+        text-decoration: underline;
+    }
+}