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

Question

我正在使用noty

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

感谢

Answer 1

您可以通过自定义主题来实现这一点。

以下是如何为Noty:创建自己的主题

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

---

我已经为2.2.7版本测试了它，它运行得很好