jquery - 如何在 noty 插件中从右到左显示消息

Question

我正在使用通知

如何在“noty_message”类中从右到左显示消息或更改文本对齐方式

谢谢

Answer 1

您可以通过自定义主题来做到这一点。

这是为 Noty 创建自己的主题的方法：

1. 首先复制默认的主题文件，该文件应命名为default.jsorrelax.js或bootstrap.js。noty/themes/将副本命名为您想要的任何名称，并将该文件包含在您的 HTML 页面中。
2. 打开副本并进行以下更改：
   • 搜索“ defaultTheme”并将其替换为您自己的主题名称。对整个代码执行此操作。
   • 搜索this.$message.css({fontSize: '11px', textAlign: 'left'});并将“左”更改为“右”。
3. 在您的主 HTML 页面中调用 Noty 时，指定您之前选择的主题名称，如下所示：
   • noty({text: 'Successful action', layout: 'topRight', type: 'success', theme: 'myThemeName'});

---

我已经对其版本进行了测试，2.2.7并且效果很好。