mirror of
https://github.com/ant-design/ant-design.git
synced 2024-11-30 06:09:34 +08:00
35 lines
799 B
Markdown
35 lines
799 B
Markdown
|
# 带有Icon的通知提醒框
|
||
|
|
|
||
|
|
- order: 1
|
||
|
|
|
||
|
|
通知提醒框左侧有Icon图标。
|
||
|
|
|
||
|
|
---
|
||
|
|
|
||
|
|
````jsx
|
||
|
|
var Notification = require('antd/lib/notification');
|
||
|
|
|
||
|
|
if(!Notification.notification){
|
||
|
|
Notification.notification = Notification.newInstance({
|
||
|
|
prefixCls: 'ant-notification',
|
||
|
|
style: {
|
||
|
|
top: 0,
|
||
|
|
right: 0
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
function openNotification() {
|
||
|
|
var args = {
|
||
|
|
title: '这是标题',
|
||
|
|
message: '这是提示框的文案这是提示框示框的文案这是提示是提示框的文案这是提示框的文案',
|
||
|
|
icon: true
|
||
|
|
};
|
||
|
|
Notification.show(args);
|
||
|
|
}
|
||
|
|
|
||
|
|
React.render(
|
||
|
|
<div>
|
||
|
|
<button className='ant-btn ant-btn-primary' onClick={openNotification}>带有Icon的通知提醒框</button>
|
||
|
|
</div>, document.getElementById('components-notification-demo-with-icon'));
|
||
|
|
````
|