chore:智能客服的欢迎语标题可自定义调节
This commit is contained in:
@@ -4013,7 +4013,13 @@ _handleStreamError(msg) {
|
||||
}
|
||||
if (isWelcome && html) {
|
||||
// 仅替换 img 的 margin(机器人图片), 不影响列表等其他元素的 margin:8rpx 0
|
||||
html = html.replace(/(<img[^>]*style="[^"]*?)margin:\s*8rpx 0;/, '$1margin:0 0 48rpx 0;')
|
||||
// 注意: 原始样式是 "margin:8rpx 0;" (8rpx 上下 / 0 左右), 正则必须匹配这个写法,
|
||||
// 只改这里的 "0 0 0rpx 0" 最后一段调间距; 前面的搜索正则不要动, 改错会匹配失效
|
||||
html = html.replace(/(<img[^>]*style="[^"]*?)margin:\s*8rpx 0;/, '$1margin:0 0 0rpx 0;')
|
||||
// 图片是 display:block, 欢迎语里图片和标题之间有空行, parseMarkdown 会生成
|
||||
// 连续多个 <br> (每个占一行行高), 之前只删一个导致间距看起来"没反应";
|
||||
// 这里把 img 后面紧跟的所有 <br> 一次性清掉, 标题紧贴图片
|
||||
html = html.replace(/(<img[^>]*(?:\/>|>))(?:\s*<br>)+/, '$1')
|
||||
}
|
||||
return html
|
||||
},
|
||||
@@ -4859,12 +4865,8 @@ _handleStreamError(msg) {
|
||||
background: #ffffff !important;
|
||||
}
|
||||
|
||||
// 欢迎语消息: 图片(机器人)与下方标题的间距加大, 对齐 WorkBuddy 参考稿
|
||||
// 图片是 v-html 插入的 <img>, 不带 scoped 的 data-v 属性,
|
||||
// 普通 img 选择器编译后会匹配不到, 必须用 ::v-deep 穿透
|
||||
&.is-welcome .ai-message .message-bubble ::v-deep img {
|
||||
margin-bottom: 48rpx !important;
|
||||
}
|
||||
// 欢迎语消息: 图片间距由内容内联样式控制(getAIDisplayContent 里改成 0 0 8rpx 0),
|
||||
// 这里不再用 CSS 强制 48rpx —— 样式表 !important 会覆盖内联样式, 导致 H5 上调距无效
|
||||
|
||||
// 欢迎语消息: 隐藏上方时间戳
|
||||
&.is-welcome .ai-message .message-nickname.ai-nickname {
|
||||
|
||||
Reference in New Issue
Block a user