## 6.2.1.快速使用 :id=start
```javascript
layui.use(['notice'], function(){
var notice = layui.notice;
// 消息通知
notice.success({
title: '消息通知',
message: '你有新的消息，請注意查收!'
});
// 提示框，1成功、2失敗、3警告、4加載、5信息(藍色圖標)
notice.msg('Hello', {icon: 1});
});
```
## 6.2.2.全部方法 :id=method
方法 | 參數 | 說明
:--- | :--- | :---
success(object) | 見下方 | 成功消息（綠色）
warning(object) | 見下方 | 警告消息（黃色）
error(object) | 見下方 | 錯誤消息（紅色）
info(object) | 見下方 | 通知消息（藍色）
show(object) | 見下方 | 自定義樣式
|
msg(string, object) | 文本,其他參數 | 提示框
|
destroy() | 無 | 關閉全部
hide(object, toast, closedBy) | 見下方 | 關閉指定的通知
settings(object) | 見下方 | 統一設置默認值
**統一設置默認值：**
```javascript
notice.settings({
timeout: 1500,
transitionIn: 'flipInX',
onOpened: function(){
console.log('notice opend!');
}
});
```
**關閉指定的通知：**
```javascript
notice.hide({}, document.querySelector('.toast'));
```
- 參數一   重寫一些參數，比如關閉動畫等
- 參數二   根據自定義的className選擇關閉的對象
## 6.2.3.參數列表 :id=options
參數 | 說明 | 默認值 | 可選值
:---|:---|:---|:---
title | 標題 | 無 | string類型
message | 內容 | 無 | string類型
position | 顯示位置 | topRight | 見下方
transitionIn | 進入動畫 | fadeInLeft | 見下方
transitionOut | 退出動畫 | fadeOutRight | 見下方
timeout | 消失時間 | 5000 | 單位毫秒，false永不消失
progressBar | 進度條 | true | true顯示、false不顯示
balloon | 氣泡效果 | false | true開啟、false關閉
close | 關閉按鈕 | true | true顯示，false不顯示
pauseOnHover | 鼠標滑過暫停消失時間 | true | true、false
resetOnHover | 鼠標滑過重置消失時間 | false | true、false
animateInside | 文字動畫效果 | false | true開啟、false關閉
className | 自定義class | 無 | 多個用空格分隔
theme | 主題 | light | light、dark
audio | 音效 | 無 | 1，2，3，4，5，6
| | |
image | 顯示圖片 | 無 | 圖片地址
imageWidth | 圖片寬度 | 60 | 數字
buttons | 顯示按鈕 | [] | [ [ 'btn1', function(){} ], ['btn2', function(){} ] ]
overlay | 遮罩層 | false | true顯示,false不顯示
drag | 滑動關閉 | true | true開啟，false關閉
layout | 布局類型 | 2 | 1標題和內容并排，2兩排顯示
rtl | 布局方向 | false | false內容居左，true居右
displayMode | 顯示模式 | 0 | 0無限制，1同類型存在不顯示，2同類型存在先移除
targetFirst | 插入方式 | 自動 | true從上插入，false下插入
onOpened | 打開后回調函數 | 無 | function
onClosed | 關閉后回調函數 | 無 | function
| | |
titleColor | 標題顏色 | 默認| 顏色單位
titleSize | 標題大小 | 默認| 尺寸單位
messageColor | 文字顏色 | 默認| 顏色單位
messageSize | 文字大小 | 默認| 尺寸單位
backgroundColor | 背景顏色 | 默認 | 顏色單位
progressBarColor | 進度條顏色 | 默認 | 顏色單位
maxWidth | 最大寬度 | 空| 尺寸單位
**參數position顯示位置可選值：**
屬性 | 說明
:---|:---
bottomRight | 右下角
bottomLeft | 左下角
topRight | 右上角
topLeft | 左上角
topCenter | 頂部中間
bottomCenter | 底部中間
center | 正中間
**參數transitionIn進入動畫可選值：**
屬性 | 說明
:---|:---
bounceInLeft | 向左反彈
bounceInRight | 向右反彈
bounceInUp | 向上反彈
bounceInDown | 向下反彈
fadeIn | 淡入
fadeInDown | 向下淡入
fadeInUp | 向上淡入
fadeInLeft | 向左淡入
fadeInRight | 向右淡入
flipInX | 翻轉進入
**參數transitionOut退出動畫可選值：**
屬性 | 說明
:---|:---
fadeOut | 淡出
fadeOutUp | 向上淡出
fadeOutDown | 向下淡出
fadeOutLeft | 向左淡出
fadeOutRight | 向右淡出
flipOutX | 翻轉退出
