You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
ant-design-vue/components/notification/demo/with-icon.md

35 lines
900 B

7 years ago
<cn>
#### 带有图标的通知提醒框
通知提醒框左侧有图标。
</cn>
<us>
#### Notification with icon
A notification box with a icon at the left side.
</us>
```html
<template>
<div>
<a-button @click="() => openNotificationWithIcon('success')">Success</a-button>
<a-button @click="() => openNotificationWithIcon('info')">Info</a-button>
<a-button @click="() => openNotificationWithIcon('warning')">Warning</a-button>
<a-button @click="() => openNotificationWithIcon('error')">Error</a-button>
</div>
</template>
<script>
export default {
methods: {
openNotificationWithIcon (type) {
this.$notification[type]({
7 years ago
message: 'Notification Title',
description: 'This is the content of the notification. This is the content of the notification. This is the content of the notification.',
});
},
}
}
</script>
```