# 通知/Notify 創建可以被撥動顯示的通知，并且能自動淡出。 當你將鼠標懸停在通知上面時，它不會自動消失，直到你移開鼠標。還可以通過點擊關閉通知。 * * * ## 用法 通知組件提供了一個簡單的API，你可以在應用程序代碼中重用它。下面的JavaScript代碼片段讓你快速上手。注意 使用此組件需要額外添加 `notify.css` 文件，在`css/components`文件夾中。此組件需要額外添加 `notify.js` 文件，在`js/components`文件夾中。 ### JavaScript ``` UIkit.notify({ message : 'Bazinga!', status : 'info', timeout : 5000, pos : 'top-center' }); // Shortcuts UIkit.notify('My message'); UIkit.notify('My message', status); UIkit.notify('My message', { /* options */ }); ``` ### Example  ``` UIkit.notify("Message..."); ``` * * * ### HTML 信息 可以在通知信息內嵌HTML，比如 [圖標](icon.html)。 ### Example  ``` UIkit.notify("<i class='uk-icon-check'></i> Message with an icon..."); ``` * * * ### 延遲和常駐/Delay and sticky 你可以通過 `timeout` 定義在多少毫秒內通知消息是可見的。還可以把延遲設為0，讓通知消息常駐不消失。 ### Example  ``` UIkit.notify("Message...", {timeout: 0}); ``` * * * ### 定位 添加以下參數中的一個來調整通知出現的位置。 `top-center` ``` UIkit.notify("...", {pos:'top-center'}) ``` `top-left` ``` UIkit.notify("...", {pos:'top-left'}) ``` `top-right` ``` UIkit.notify("...", {pos:'top-right'}) ``` `bottom-center` ``` UIkit.notify("...", {pos:'bottom-center'}) ``` `bottom-left` ``` UIkit.notify("...", {pos:'bottom-left'}) ``` `bottom-right` ``` UIkit.notify("...", {pos:'bottom-right'}) ```  * * * ### 狀態 通知可以通過添加一些狀態效果來表達一般的消息，成功的消息，警告或者危險等等。 `info` ``` UIkit.notify("...", {status:'info'}) ``` `success` ``` UIkit.notify("...", {status:'success'}) ``` `warning` ``` UIkit.notify("...", {status:'warning'}) ``` `danger` ``` UIkit.notify("...", {status:'danger'}) ```