diff --git a/pages/ai/aichat.wxss b/pages/ai/aichat.wxss index 01ed934..3f9dfda 100644 --- a/pages/ai/aichat.wxss +++ b/pages/ai/aichat.wxss @@ -187,6 +187,55 @@ line-height: 1.6; } +/* 表格在聊天气泡中的样式覆盖 */ +.message-markdown .t-chat-markdown-table { + width: 100%; + max-width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + border: 1rpx solid #E5E5E5; + border-radius: 8rpx; +} + +.message-markdown .t-chat-markdown-table__container { + display: table; + min-width: 100%; + max-width: max-content; + border-collapse: collapse; + white-space: normal; + table-layout: fixed; + word-break: break-word; +} + +.message-markdown .t-chat-markdown-table__th, +.message-markdown .t-chat-markdown-table__td { + padding: 8rpx 12rpx; + font-size: 24rpx; + line-height: 1.4; + white-space: normal; + word-break: break-word; + word-wrap: break-word; + overflow-wrap: break-word; + max-width: 240rpx; +} + +.message-markdown .t-chat-markdown-table__th { + background-color: #F5F5F5; + font-weight: 600; + color: #333333; +} + +.message-markdown .t-chat-markdown-table__tr:nth-child(2n) { + background-color: #FAFAFA; +} + +/* 代码块样式覆盖 */ +.message-markdown .t-chat-markdown-codespan, +.message-markdown .t-chat-markdown-code { + font-size: 24rpx; + word-break: break-all; +} + .message-image { max-width: 400rpx; border-radius: 8rpx;