Message

静默式消息通知对话框，显示于屏幕的中间位置

实例

消息类型

Information

Warning

Error

Success

显示位置

Top

Bottom

界面定制化

DialogMessage('Hello', { icon: false })
DialogMessage('Hello', { closeButton: true })
DialogMessage('Hello', { duration: 0 })
DialogMessage('Hello', { offset: 100 })

API

type MessageContent = string | VNode

function DialogMessage(
  message?: MessageContent,
  callback?: Function,
  options?: MessageOptions
): Function

配置选项 MessageOptions 的类型

interface MessageOptions {
  /**
   * 自定义样式类名
   */
  customClass?: string
  /**
   * 消息类型
   * @default `info`
   */
  messageType?: 'info' | 'warning' | 'error' |'success'
  /**
   * 消息类型图标
   * @default true
   */
  icon?: boolean
  /**
   * 关闭按钮
   * @default false
   */
  closeButton?: boolean
  /**
   * 自动关闭对话框的时间（单位：毫秒）
   *
   * 设置为 0 则取消自动关闭
   *
   * @default 3000
   */
  duration?: number
  /**
   * 距离屏幕边缘的值
   * @default 32
   */
  offset?: string | number
  /**
   * 显示位置
   * @default `top`
   */
  placement?: 'top' | 'bottom'
  /**
   * 胶囊圆角样式
   * @default true
   */
  pill?: boolean
}