ant design vue Notification html

Ant Design Vue（简称ADV）Notification是一个基于Ant Design设计体系的轻量级前端通知组件，它允许开发者在Vue应用中快速显示简单而美观的消息提示，例如成功、警告、错误等状态的通知。HTML部分通常包含以下几个部分：

1. `<notification>`元素：这是基础结构，包含了通知的基本属性如message（消息文本）、type（类型，比如success、info、warning或error）、duration（显示时间，单位为毫秒）等。

   <notification :message="yourMessage" :type="yourType" :duration="yourDuration"></notification>

2. 可选的style属性：用于自定义通知的样式，如宽度、位置等。

   <notification :message="yourMessage" :type="yourType" :duration="yourDuration" style="{width: '300px', position: 'fixed'}"></notification>

3. 描述（description）属性：可以提供更详细的上下文信息，通常用于包含更改详情。

   <notification :message="yourMessage" :type="yourType" :description="yourDescription"></notification>

4. 配置函数（config）：可以全局设置通知的默认选项，如放置位置、动画效果等。

   notification.config({
     placement: 'topRight', // 默认底部左/右
     bottom: 50,           // 通知距离底部的距离
     duration: 3000         // 默认显示时长
   });

结合上述HTML和配置，你可以创建一个定制化的通知展示效果。当有新的数据变化或需要向用户传达信息时，就可以动态触发`notification.open()`方法来显示通知。