remodify alert icon ang text

This commit is contained in:
zhujun24 2015-07-30 10:38:40 +08:00
parent b8ef693afc
commit 75032b0322
6 changed files with 74 additions and 40 deletions

View File

@ -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'));
````

View File

@ -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'));
````

View File

@ -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'));
````

View File

@ -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'));
````

View File

@ -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'));
````

View File

@ -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';
}