Notification

从屏幕角落横向滑出的卡片式通知,带标题与描述。

最后更新

说明

全局组件:由 Container 统一放置一次,页面无需引用。调用 UIService.Notify(标题, 描述, 类型) 推送一条通知,UIService.NotificationPlacement 指定出现角落(topRight / bottomRight / topLeft / bottomLeft),到 NotificationDuration 后横向滑出收起,超出 NotificationMax 自动移除最早的。

常见能力:

  • 全局放置、UIService.Notify 驱动
  • 四角滑出
  • 标题+描述
  • 四种语义色
  • 自动关闭
  • 最大条数
  • 手动关闭

用法

@* 全局组件,页面无需引用;调用 UIService 推送 *@
UI.Notify("部署完成", "服务已发布到生产环境。", UIMessageType.Success);

@* 指定出现角落 *@
UI.NotificationPlacement = "bottomRight";

API 参数

参数 类型 默认值 说明
Visible bool true 取得或设置组件是否可见,默认为false。
VisibleChanged EventCallback<bool> — 事件 取得或设置组件可见性变化时的回调事件。
Class string null 取得或设置组件的CSS类名,用于自定义样式。
Disabled bool false 取得或设置组件是否禁用,默认为false。
Style string null 取得或设置组件的内联样式,用于自定义样式。

所有组件均继承 BaseComponent,除上表参数外还支持 Class、Style、Disabled、Visible。

微信公众号二维码 扫码关注公众号
QQ 交流群二维码 扫码加入 QQ 群