---
title: Notification 消息通知
description: 轻量级的全局消息提示和确认机制，出现和消失时需要有缓动动画。
isComponent: true
usage: { title: "", description: "" }
spline: message
author: { code: "swimly", doc: "swimly" }
---

## 基本用法

基础消息通知，通过`default`或`content`可定义通知内容，通过`title `可设置标题，通过`footer`可设置底部内容区域，通
过`icon`可定义通知的图标，其优先级高于`theme`，通过`closeBtn`可设置是否显示关闭图标。

{{ base }}

## 不同主题

通过`theme`可设置不同主题样式的消息通知，可选：`info` 、 `success` 、 `warning` 、 `error`，默认为：`info`。

{{ theme }}

## 函数调用

提供 2 中方式，`this.$notification`和`NotificationPlugin`，后者需要单独引入，并且可通过`duration`设置延迟关闭。

{{ plugin }}

## 弹出位置

通过`placement`可设置弹出的位置，具体请参考下例。

{{ position }}
