最新2.7.0版本Notiflix.js——前端消息提示框、通知框、對話框的使用，最新版不需要提前聲明，可以直接使用，且可以自己設置屬性。

• Notiflix.js是一款非常精美的消息通知框對話框確認框和Loading插件，可生成漂亮網頁消息通知框、對話框、確認框和Loading加載動畫效果。如下部分：

1. 通知彈框

---

2. 報告彈框

---

3. 確認彈框

---

4. 加載動畫

---

• 官網（國內訪問貌似有點兒慢，沒有途徑就等一等）：https://www.notiflix.com/

---

• 默認已經引入CDN：

<script type="text/javascript" src="http://yourjavascript.com/95122811714/notiflix-aio-2-7-0-min.js" ></script>

---

• 使用方法（直接在JS中使用，在最新的版本中已經不需要提前聲明，直接即可使用）：

//通知彈框
Notiflix.Notify.Success('成功型的通知');
Notiflix.Notify.Failure('失敗型的通知');
Notiflix.Notify.Warning('警告型的通知');
Notiflix.Notify.Info('普通型的通知');、
	//函數式用法，以成功型為例
Notiflix.Notify.Success('點擊我', function(){
	//添加自己函數
});


//報告彈框
Notiflix.Report.Success( '成功型的報告，標題部分', '成功型的報告，主體內容部分', '確定按鈕', ); 
Notiflix.Report.Failure( '失敗型的報告，標題部分', '失敗型的報告，主體內容部分', '確定按鈕' ); 
Notiflix.Report.Warning( '警告型的報告，標題部分', '警告型的報告，主體內容部分', '確定按鈕' ); 
Notiflix.Report.Info( '普通型的報告，標題部分', '普通型的報告，主體內容部分', '確定按鈕' ); 
	//函數式用法，以成功型為例
Notiflix.Report.Success('標題','主體內容部分','按鈕',function(){
	//添加自己函數
});


	
//確認彈框
 Notiflix.Confirm.Show( '標題部分', '你同意嗎?', '同意', '不同意', function(){
	//添加自己的點擊同意按鈕后的函數
 }, function(){ 
	//添加自己的點擊不同意按鈕后的函數
 } ); 


//加載動畫，五種類型
Notiflix.Loading.Standard('Loading...');
Notiflix.Loading.Hourglass('Loading...');
Notiflix.Loading.Circle('Please wait...');
Notiflix.Loading.Pulse();
Notiflix.Loading.Init({ customSvgUrl:'加載動畫圖標.svg', svgSize:'80px', }); 
	//去除加載動畫函數
Notiflix.Loading.Remove(600);//括號里設置的持續時間，不填就是立刻結束

• 當然像width、titleColor等屬性也是可以設置的，如下，一般來說默認的就可以了，自己需要的可以去官網Documentation找一找：

 Notiflix.Report.Init({ success: {svgColor:"#35976a",titleColor:"#d49a9a",buttonBackground:"#6adca8",}, });