【SCSS】如何使用客服聊天前端

admin

当在后台开通聊天客服功能后，需要在Userthemes模板页面需要导入加上systhemes/css/chat/_default.scss
需要用到bootstrap-4.4.1，这里提供参考代码，..\\..\\..\\..\\Hondy.UI\\bootstrap-4.4.1是bootstrap的虚拟路径。效果：


@import "..\\..\\..\\..\\Hondy.UI\\bootstrap-4.4.1\\scss\\_functions.scss";
@import "..\\..\\..\\..\\Hondy.UI\\bootstrap-4.4.1\\scss\\_variables.scss";
@import "..\\..\\..\\..\\Hondy.UI\\bootstrap-4.4.1\\scss\\mixins\\_breakpoints.scss";
@import "..\\..\\..\\systhemes\\css\\chat\\_default.scss";

以上是二次开发的编译代码，编译后的代码应该是style.css，可以参考soft模板的设计。
也可以将..\\..\\..\\systhemes\\css\\chat\\_default.scss编译成systhemes/css/chat/default.css，然后@import url(systhemes/css/chat/default.css)导入。
缺点是皮肤的颜色，需要在default.css重新修改。

还可以将systhemes/css/chat/default.css直接复制到soft/include/目录，然后在 style.css里@import url(default.css)导入，修改到您需要的风格。