通知

创建可切换的通知，并在一段时间后自动淡出。

当您将鼠标悬停在消息上时，通知不会淡出，而是保持可见，直到您停止悬停。您也可以单击通知将其关闭。

用法

通知提供了一个简单的 API，您可以在应用程序代码中重用它。以下 JavaScript 代码片段可帮助您入门。

JavaScript

UIkit.notify({
    message : 'Bazinga!',
    status  : 'primary',
    timeout : 5000,
    pos     : 'top-center'
});


// Shortcuts
UIkit.notify('My message');
UIkit.notify('My message', status);
UIkit.notify('My message', { /* options */ });

示例

点击我

UIkit.notify("Message...");

HTML 消息

您可以在通知消息中使用 HTML，例如来自 图标组件的图标。

示例

带图标

UIkit.notify("<i class='uk-icon-check'></i> Message with an icon...");

延迟和粘性

您可以通过 timeout 定义消息可见的毫秒数。您还可以通过将超时设置为零来创建粘性消息。

示例

粘性

UIkit.notify("Message...", {timeout: 0});

位置

添加以下参数之一来调整通知在不同角落的位置。

UIkit.notify("...", {pos:'top-center'})

UIkit.notify("...", {pos:'top-left'})

UIkit.notify("...", {pos:'top-right'})

UIkit.notify("...", {pos:'bottom-center'})

UIkit.notify("...", {pos:'bottom-left'})

UIkit.notify("...", {pos:'bottom-right'})

状态

可以通过为消息添加状态来设置通知的样式，以指示信息、成功、警告或危险状态。

UIkit.notify("...", {status:'primary'})

UIkit.notify("...", {status:'success'})

UIkit.notify("...", {status:'warning'})

UIkit.notify("...", {status:'danger'})