简单的响应式纯js消息通知插件

notyf.js是一款超级简单的响应式纯js消息通知插件。它使用纯javascript来制作，没有任何外部依赖，通过简单的设置，即可生成漂亮的消息通知效果。

安装

可以通过npm来安装notyf.js消息通知插件。

npm install --save notyf                  
                

使用方法

在页面中引入notyf.min.css和notyf.min.js文件。

<link rel='stylesheet' type='text/css' href='css/notyf.min.css' />                
<script src="path/to/notyf.min.js"></script>
                

初始化插件

notyf.js消息通知插件的使用方法如下：

//创建一个Notyf实例对象
var notyf = new Notyf();

//显示一条警告消息
notyf.alert('You must fill out the form before moving forward');

//显示一条成功消息
notyf.confirm('Your changes have been successfully saved!');             
                

配置参数

notyf.js消息通知插件的可用配置参数如下：

下面的例子是消息在用户点击按钮后1秒钟显示，并使用FontAwesome字体图标作为警告框和成功消息框的图标。

var notyf = new Notyf({
  delay:1000,
  alertIcon: 'fa fa-exclamation-circle',
  confirmIcon: 'fa fa-check-circle'  
})                  
                

notyf.js消息通知插件的github地址为：https://github.com/caroso1222/notyf