Blazor Bootstrap 组件库浏览器通知组件介绍
通知组件
通过浏览器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)
关联项目
FreeSql QQ群:4336577
BA & Blazor QQ群:795206915
Maui Blazor 中文社区 QQ群:645660665
知识共享许可协议
本作品采用 知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议 进行许可。欢迎转载、使用、重新发布,但务必保留文章署名AlexChow(包含链接: https://github.com/densen2014 ),不得用于商业目的,基于本文修改后的作品务必以相同的许可发布。如有任何疑问,请与我联系 。
转载声明
本文来自博客园,作者:周创琳 AlexChow,转载请注明原文链接:https://www.cnblogs.com/densen2014/p/16147333.html