github
/
ant-design-vue
mirror of https://github.com/vueComponent/ant-design-vue
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

feat: update notification

pull/309/head
tangjinzhou 2018-12-09 18:08:47 +08:00
parent f692f191f6
commit 4608fa546c
2 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/notification/demo/custom-icon.md
View File

@ -20,7 +20,7 @@ The icon can be customized to any vue node or (h) => vue node.
this.$notification.open({ this.$notification.open({
message: 'Notification Title', 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.', description: 'This is the content of the notification. This is the content of the notification. This is the content of the notification.',
icon: <a-icon type="smile-circle" style="color: #108ee9" />, icon: <a-icon type="smile" style="color: #108ee9" />,
}); });
}, },
} }

3
components/notification/index.js
View File

@ -84,6 +84,7 @@ function getNotificationInstance (prefixCls, placement, callback) {
class: `${prefixCls}-${placement}`, class: `${prefixCls}-${placement}`,
style: getPlacementStyle(placement), style: getPlacementStyle(placement),
getContainer: defaultGetContainer, getContainer: defaultGetContainer,
closeIcon: (h) => <Icon class={`${prefixCls}-close-icon`} type={'close'}/>,
}, (notification) => { }, (notification) => {
notificationInstance[cacheKey] = notification notificationInstance[cacheKey] = notification
callback(notification) callback(notification)
@ -93,7 +94,7 @@ function getNotificationInstance (prefixCls, placement, callback) {
const typeToIcon = { const typeToIcon = {
success: 'check-circle-o', success: 'check-circle-o',
info: 'info-circle-o', info: 'info-circle-o',
error: 'cross-circle-o', error: 'close-circle-o',
warning: 'exclamation-circle-o', warning: 'exclamation-circle-o',
} }