JiXinHui
/
YingXingAI
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: 调整对话回答样式

This commit is contained in:
yangzhe 2025-07-14 10:27:41 +08:00
parent bea50fa504
commit ea1ad1780a
1 changed files with 20 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
components/markdown-viewer/markdown-viewer.vue
View File

@ -57,14 +57,20 @@ export default {
// 添加自定义样式，确保内容自动换行
const styleTag = `<style>
* {
max-width: 99% !important;
word-break: break-word !important;
max-width: 100% !important;
word-break: normal !important; /* 改为normal，避免中文被强制断行 */
word-wrap: break-word !important;
overflow-wrap: break-word !important;
}
p {
display: inline-block !important; /* 使段落内联显示 */
white-space: normal !important;
text-align: left !important;
}
pre, code {
white-space: pre-wrap !important;
word-wrap: break-word !important;
word-break: break-word !important;
word-break: break-all !important;
overflow-wrap: break-word !important;
}
${this.customStyle || ''}
@ -91,23 +97,29 @@ export default {
padding: 20rpx;
overflow-wrap: break-word;
word-wrap: break-word;
word-break: break-word;
word-break: normal; /* 改为normal，避免中文被强制断行 */
}
/* 全局样式，确保所有元素都能自动换行 */
.markdown-container >>> * {
max-width: 99% !important;
max-width: 100% !important;
white-space: normal !important;
word-break: break-word !important;
word-break: normal !important; /* 改为normal */
overflow-wrap: break-word !important;
}
/* 特别处理文本段落，避免单字换行 */
.markdown-container >>> p {
display: inline-block !important;
text-align: left !important;
}
/* 特别处理代码块 */
.markdown-container >>> pre,
.markdown-container >>> code {
white-space: pre-wrap !important;
word-break: break-word !important;
word-break: break-all !important; /* 代码可以在任何字符间断行 */
overflow-wrap: break-word !important;
max-width: 99% !important;
max-width: 100% !important;
}
</style>