naive-ui/demo/documentation/components/notification/zhCN/index.md
2020-05-30 17:23:48 +08:00

3.2 KiB

通知 Notification

通知某人。

UI 同志很早就设计完了。但是,你也知道,像是通知组件这种东西优先级不那么高,所以我可以弄一堆没什么用的动画上去。

演示

basic
type
change-content
scrollable
closable
duration

API

$Notification API

$NNotification Methods

名称 类型 说明
open (option: NotificationOption, type: string = 'default') => NotificationEnvironment type 可以是 'default', 'warning', 'info', 'success''error'
success (option: NofiticationOption) => NotificationEnvironment
info (option: NofiticationOption) => NotificationEnvironment
warning (option: NofiticationOption) => NotificationEnvironment
error (option: NofiticationOption) => NotificationEnvironment

$Notification Properties

名称 类型 默认值 说明
scrollable boolean false

NotificationOption API

NotificationOption Properties

名称 类型 默认值 说明
theme 'light' | 'dark' null 如果设定会将该通知的主题设为该主题,如果没有设定则全局主题则取决于调用位置(它工作起来和 $NMessage 的主题比较像,在大多数情况下你不用为此而操心)
avatar () => VNode | Array<VNode> null 可以是 render 函数
title string | (() => VNode | Array<VNode>) null 可以是 render 函数
description string | (() => VNode | Array<VNode>) null 可以是 render 函数
content string | (() => VNode | Array<VNode>) null 可以是 render 函数
meta string | (() => VNode | Array<VNode>) null 可以是 render 函数
action string | (() => VNode | Array<VNode>) null 可以是 render 函数
closable boolean true
onClose () => boolean | Promise<boolean> | any () => {} 关闭通知的回调。返回 false、Promise resolve false 或者 reject 会取消这次关闭
onAfterHide Function null
onAfterShow Function null
duration number null 如果没有设定则不会自动关闭,单位毫秒

NotificationEnvironment API

NotificationEnvironment Properties

NofiticationEnvironment 实例的属性可以被动态改变。

名称 类型 说明
theme 'light' | 'dark' 如果设定会将该通知的主题设为该主题,如果没有设定则全局主题则取决于调用位置(它工作起来和 $NMessage 的主题比较像,在大多数情况下你不用为此而操心)
avatar () => VNode | Array<VNode> 可以是 render 函数
title string | (() => VNode | Array<VNode>) 可以是 render 函数
description string | (() => VNode | Array<VNode>) 可以是 render 函数
content string | (() => VNode | Array<VNode>) 可以是 render 函数
meta string | (() => VNode | Array<VNode>) 可以是 render 函数
action string | (() => VNode | Array<VNode>) 可以是 render 函数
closable boolean
onClose (next: function) => any 点击了关闭按钮的回调。只有调用了 next 通知才会被关闭
onHide Function
onAfterHide Function
onAfterShow Function

NotificationEnvironment Methods

名称 类型 说明
hide ()