Notify 通知消息

Notify 组件用来显示全局消息。

轻量级的提示，不影响用户继续执行其他操作
有默认类提示、信息类提示、成功类提示、警告类提示、错误类提示
可以设置提示显示位置
提示可以只有内容，也可以带标题

基本用法

通过调用NotifyService中的方法使用

消息类型

通过调用NotifyService中不同的方法展示不同的通知类型

弹出位置

通过globalConfig中position属性设置弹出位置

延时关闭

禁止显示关闭按钮

通过globalConfig中的showCloseButton属性禁止显示关闭按钮

不显示标题

关闭所有提示框

调用notifyService.closeAll()方法关闭所有提示框

类型

typescript

/** 弹出位置 */
export type NotifyPosition = 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left' | 'top-center' | 'bottom-center';

/** 显示通知参数 */
export interface ShowNotifyParams {
    /** 通知内容 */
    message: string;
    /** 标题 */
    title?: string;
    /** 是否显示关闭按钮 */
    showCloseButton?: boolean;
    /** 通知位置 */
    position?: NotifyPosition;
    /** 延时关闭时间，默认 3000ms */
    timeout?: number;
}

Service调用方法

属性名	参数	说明
info	ShowNotifyParams \| string	弹出info类型通知;`当参数为字符串时，仅显示通知内容不显示标题`
success	ShowNotifyParams \| string	弹出success类型通知;`当参数为字符串时，仅显示通知内容不显示标题`
warning	ShowNotifyParams \| string	弹出warning类型通知;`当参数为字符串时，仅显示通知内容不显示标题`
error	ShowNotifyParams \| string	弹出error类型通知;`当参数为字符串时，仅显示通知内容不显示标题`
closeAll		关闭所有通知

插槽

TIP

暂无内容

Notify 通知消息 #

基本用法 #

消息类型 #

弹出位置 #

延时关闭 #

禁止显示关闭按钮 #

不显示标题 #

关闭所有提示框 #

类型 #

Service调用方法 #

插槽 #