通知元件
通過瀏覽器API傳送通知資訊 , 桌面瀏覽器表現為右下角系統提示框彈出訊息, 移動瀏覽器表現為彈窗或者到訊息列表, blazor頁面不在前臺也可以通過本元件提醒使用者.
DEMO https://www.blazor.zone/notifications
小提示
注意: 出於安全考慮，當網頁請求傳送通知時，使用者會被提示進行授權
使用 BrowserNotification 靜態方法直接呼叫 Dispatch 方法
private NotificationItem Model { get; set; } = new NotificationItem();
private async Task Dispatch()
{
Interop ??= new JSInterop<Notifications>(JSRuntime);
await BrowserNotification.Dispatch(Interop, this, Model, nameof(ShowNotificationCallback));
}
[JSInvokable]
public void ShowNotificationCallback(bool result)
{
// callback
StateHasChanged();
}
通知類定義 NotificationItem
引數 | 說明 | 型別 | 可選值 | 預設值 |
|---|---|---|---|---|
Title | 標題 | string | — | — |
Message | 資訊 | string | — | — |
Icon | 圖示 | string | — | — |
Silent | 靜默 | bool | — | — |
Sound | 通知觸發時要播放的音訊檔案的 URL | string | — | — |
OnClick | 通知點選後的回撥方法名稱 | Methods | — | — |
Blazor Bootstrap 元件庫文件
寫在最後
希望大佬們看到這篇文章，能給專案點個star支援下，感謝各位！
star流程：
1、訪問點選專案連結：BootstrapBlazor 
https://gitee.com/LongbowEnterprise/BootstrapBlazor
2、點選star，如下圖，即可完成star，關注專案不迷路：
另外還有兩個GVP專案，大佬們方便的話也點下star唄，非常感謝：
BootstrapAdmin 專案地址：
https://gitee.com/LongbowEnterprise/BootstrapAdmin
SliderCaptcha 專案地址：
https://gitee.com/LongbowEnterprise/SliderCaptcha
交流群（QQ）歡迎加群討論
BA & Blazor ①（795206915） BA & Blazor ②（675147445）
