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

Question

我正在使用noty

如何在'noty_message'类

中从右向左显示消息或更改文本对齐方式

感谢

Answer 1

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

这是如何为Noty创建自己的主题：

1. 首先复制default.js下应该命名为relax.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对其进行了测试，但效果很好。