chapoi
1
Chat 仍处于积极开发中，因此此组件目前可能不稳定且处于测试阶段。欢迎提供反馈和错误报告。
预览说明
- 确保在小屏幕上查看此内容。
- 不要忘记在 URL 末尾添加
?mobile_view=1 以获得正确的视图。
- 登录以访问聊天。
描述
气泡消息样式，仅适用于移动设备。
设置
该组件带有上面显示的嵌入式背景。这可以在设置中更改。建议使用 SVG 模式。 此网站 提供了一些免费的。
您还可以选择气泡颜色和图案后面的背景，或完全禁用图案。
如果将浅色或深色设置留空，气泡将默认为 secondary 和 tertiary-low。如果将背景颜色留空，它将默认为 primary-high。
使用完整的图像作为背景也可以，但您需要确保其尺寸经过优化，适合移动视口。
深色模式
您可以为深色模式选择不同的背景和气泡颜色。
为了避免更改背景图案，它在深色模式下使用背景混合。
为获得最佳效果，请选择一种浅色图案，它在浅色模式下效果很好，并且在深色模式下会自动变暗（遗憾的是并非在所有设备上 - 见下文）。
已知问题
- 您自己消息的时间戳与他人消息的时间戳放置方式不同
还没有深色模式（尚未）- 深色模式在某些设备上表现异常
- 与启用线程一起使用效果不佳
22 个赞
fbpbdmin
(deepblue)
3
这太棒了！
一个建议，
是否可以允许每个人更改自己的背景图片？
默认的电路 SVG 在 iPhone 和 Android 的暗色主题下渲染效果不同。
在 iPhone 上，线条看起来更亮，不像文档帖子中的示例……不确定为什么……
2 个赞
Jagster
(Jakke Lehtonen)
4
可以完全禁用背景图案吗？
我猜这真的很难，如果能做到的话，需要一个插件。但我记不起有任何插件可以让用户调整这类东西。不过，这倒是挺好的。但这也可能导致用户体验的噩梦，因为偏好设置会到处都是。
用户甚至无法调整作曲家的工具箱，而这将是一个重要的功能。
chapoi
5
是的，不幸的是，那是完全不同的领域。如果大家对这个皮肤的兴趣足够大，我很乐意对此进行扩展，但目前还不行。
哦，是的，那很容易。可以为此更新。 
3 个赞
fbpbdmin
(deepblue)
6
@chapoi 能否在 iPhone 上尝试深色主题，大多数模式在那里渲染得很奇怪。
比如说，默认主题，在 iPhone 深色模式下，链接是白色的，看起来太杂乱了。
不过在 Android 深色主题下看起来还可以……
谢谢。
1 个赞
我添加了一个完全禁用该模式的设置。
iPhone 上的暗模式问题是由于 Safari 中的一个错误，该错误在使用 background-repeat 属性时会阻止 background-mode-blend 属性工作……非常烦人，我还没有找到解决方法。
最终可能需要为暗模式/亮模式进行两次单独的上传，这根本不优雅。
无论如何，我建议暂时不要使用该模式，如果您使用的是 iPhone 并在暗模式下使用您的设备。
5 个赞
Falco
(Falco)
9
也许有一个用户选项可以将他们现有的“用户卡片背景”图片用作聊天背景？
4 个赞
Roi
10
是的，我也是：
但在安卓上看起来很棒：
没有图案看起来很无聊。我现在暂时启用了它，但苹果用户开始抱怨了。
嗨 @chapoi，有没有办法将聊天回复图标更改为实际的左箭头，而不是显示 d-icon-share 的 shareicon？
chapoi
12
并非专门针对此主题组件，否。
您可以遵循类似这样的方法
来替换所有图标实例。（我认为我们没有在其他地方使用 share-icon，所以这也许可行）。
仅在那里替换它会涉及更多复杂性，我只是不确定是什么。
好的，谢谢，我会尝试一下。我使用的是 Kodular Community Theme，它在回复的主题中也显示相同的图标。我想知道这是否是该主题特有的部分。我现在就去问开发者。
1 个赞
感谢您提供此组件。
我对 mobile.scss 的第 55-62 行进行了一些小的调整
.chat-messages-scroll {
background-color: var(--bubble-bg);
background-image: url(check-empty($background-pattern, $enable_pattern));
background-blend-mode: var(--bubble-bg-mode);
}
.chat-messages-container {
padding: 0;
之前背景是应用于 .chat-messages-container 的，滚动时背景会随消息一起移动，现在它会保持在后面。
我注意到 mobile chat 中有两个 .chat-messages-container 实例，这导致了背景的重复。
4 个赞
您好，聊天背景似乎不再聊天中可见，我看不到 CSS 被添加到聊天容器中。我目前使用的是 3.3.0.beta2 版本。
chapoi
17
您好！感谢您的报告；有很多聊天更改，我可能需要更新此组件。
我会尽快尝试！
6 个赞
eisammy
(Sammy)
18
几天前我尝试了主题组件的口味，如果需要，我可以发布错误截图，因为我想再次启用它。
2 个赞
eisammy
(Sammy)
19
@chapoi 简直太棒了……错误似乎消失了。有计划将其实现到桌面版本吗？
我已经测试过了。它很棒，但正如其他人所报告的那样，它似乎不允许您更改背景颜色或图案。
使用默认的浅色背景，白色气泡真的会融入背景。
