mirror of
https://github.com/ant-design/ant-design.git
synced 2025-08-06 16:06:28 +08:00
remodify alert icon ang text
This commit is contained in:
parent
b8ef693afc
commit
75032b0322
@ -9,6 +9,10 @@
|
||||
````jsx
|
||||
var Alert = require('antd/lib/alert');
|
||||
|
||||
React.render(<Alert message="警告提示的文案" type="success" />
|
||||
React.render(
|
||||
<Alert
|
||||
message="成功提示的文案"
|
||||
type="success"
|
||||
/>
|
||||
, document.getElementById('components-alert-demo-basic'));
|
||||
````
|
||||
|
@ -13,16 +13,19 @@ var onClose = function(e) {
|
||||
console.log(e, '我要被关闭啦!');
|
||||
};
|
||||
|
||||
React.render(<div>
|
||||
<Alert message="警告提示的文案"
|
||||
type="warn"
|
||||
closable
|
||||
onClose={onClose} />
|
||||
<Alert message="警告提示的标题"
|
||||
description="警告提示的文案警告提示的文案警告提示的文案警告提示的文案警告提示的文案警告提示的文案警告提示的文案"
|
||||
type="error"
|
||||
closable
|
||||
onClose={onClose} />
|
||||
</div>, document.getElementById('components-alert-demo-closable'));
|
||||
React.render(
|
||||
<div>
|
||||
<Alert message="成功提示的文案"
|
||||
type="success"
|
||||
closable
|
||||
onClose={onClose}
|
||||
/>
|
||||
<Alert message="错误提示的文案"
|
||||
description="错误提示的辅助性文字介绍错误提示的辅助性文字介绍错误提示的辅助性文字介绍错误提示的辅助性文字介绍错误提示的辅助性文字介绍错误提示的辅助性文字介绍"
|
||||
type="error"
|
||||
closable
|
||||
onClose={onClose}
|
||||
/>
|
||||
</div>
|
||||
, document.getElementById('components-alert-demo-closable'));
|
||||
````
|
||||
|
||||
|
@ -11,6 +11,10 @@ var Alert = require('antd/lib/alert');
|
||||
var link = <a href="javascript:;">不再提醒</a>
|
||||
|
||||
React.render(
|
||||
<Alert message="警告提示的文案" type="info" closeText={link} />
|
||||
<Alert
|
||||
message="消息提示的文案"
|
||||
type="info"
|
||||
closeText={link}
|
||||
/>
|
||||
, document.getElementById('components-alert-demo-close-type'));
|
||||
````
|
||||
|
@ -9,20 +9,28 @@
|
||||
````jsx
|
||||
var Alert = require('antd/lib/alert');
|
||||
|
||||
React.render(<div>
|
||||
<Alert message="警告提示的文案"
|
||||
description="警告提示的辅助性文字介绍警告提示的辅助性文字介绍警告提示的辅助性文字介绍警告提示的辅助性文字介绍"
|
||||
type="success" />
|
||||
<Alert message="警告提示的文案"
|
||||
description="警告提示的辅助性文字介绍警告提示的辅助性文字介绍警告提示的辅助性文字介绍警告提示的辅助性文字介绍警告提示的辅助性文字介绍"
|
||||
type="info" />
|
||||
<Alert
|
||||
message="警告提示的文案"
|
||||
description="警告提示的辅助性文字介绍"
|
||||
type="warn" />
|
||||
<Alert
|
||||
message="警告提示的文案"
|
||||
description="警告提示的辅助性文字介绍警告提示的辅助性文字介绍警告提示的辅助性文字介绍警告提示的辅助性文字介绍警告提示的辅助性文字介绍警告提示的辅助性文字介绍警告提示的辅助性文字介绍"
|
||||
type="error" />
|
||||
</div>, document.getElementById('components-alert-demo-description'));
|
||||
React.render(
|
||||
<div>
|
||||
<Alert
|
||||
message="成功提示的文案"
|
||||
description="成功提示的辅助性文字介绍成功提示的辅助性文字介绍成功提示的辅助性文字介绍成功提示的辅助性文字介绍"
|
||||
type="success"
|
||||
/>
|
||||
<Alert
|
||||
message="消息提示的文案"
|
||||
description="消息提示的辅助性文字介绍消息提示的辅助性文字介绍消息提示的辅助性文字介绍"
|
||||
type="info"
|
||||
/>
|
||||
<Alert
|
||||
message="警告提示的文案"
|
||||
description="警告提示的辅助性文字介绍警告提示的辅助性文字介绍"
|
||||
type="warn"
|
||||
/>
|
||||
<Alert
|
||||
message="错误提示的文案"
|
||||
description="错误提示的辅助性文字介绍错误提示的辅助性文字介绍错误提示的辅助性文字介绍错误提示的辅助性文字介绍错误提示的辅助性文字介绍错误提示的辅助性文字介绍"
|
||||
type="error"
|
||||
/>
|
||||
</div>
|
||||
, document.getElementById('components-alert-demo-description'));
|
||||
````
|
||||
|
@ -9,11 +9,24 @@
|
||||
````jsx
|
||||
var Alert = require('antd/lib/alert');
|
||||
|
||||
React.render(<div>
|
||||
<Alert message="警告提示的文案" type="success" />
|
||||
<Alert message="警告提示的文案警告提示的文案" type="info" />
|
||||
<Alert message="警告提示的文案" type="warn" />
|
||||
<Alert message="警告提示的文案警告提示的文案" type="error" />
|
||||
</div>,
|
||||
document.getElementById('components-alert-demo-style'));
|
||||
React.render(
|
||||
<div>
|
||||
<Alert
|
||||
message="成功提示的文案"
|
||||
type="success"
|
||||
/>
|
||||
<Alert
|
||||
message="消息提示的文案"
|
||||
type="info"
|
||||
/>
|
||||
<Alert
|
||||
message="警告提示的文案"
|
||||
type="warn"
|
||||
/>
|
||||
<Alert
|
||||
message="错误提示的文案"
|
||||
type="error"
|
||||
/>
|
||||
</div>
|
||||
, document.getElementById('components-alert-demo-style'));
|
||||
````
|
||||
|
@ -26,13 +26,15 @@ export default React.createClass({
|
||||
case 'success':
|
||||
iconClass += 'check-circle';
|
||||
break;
|
||||
case 'info':
|
||||
case 'warn':
|
||||
iconClass += 'question-circle';
|
||||
break;
|
||||
case 'error':
|
||||
case 'warn':
|
||||
case 'info':
|
||||
iconClass += 'info-circle';
|
||||
break;
|
||||
case 'error':
|
||||
iconClass += 'exclamation-circle';
|
||||
break;
|
||||
default:
|
||||
iconClass += 'default';
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user