mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2024-11-25 11:40:04 +08:00
Code Issues Actions 17 Packages Projects Releases Wiki Activity

Merge pull request #92 from zhujun24/alert-icon-text

Browse Source 
modify icon and text
This commit is contained in:
偏右 2015-07-30 11:26:42 +08:00
commit e792a7d10b
7 changed files with 21 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/alert/demo/basic.md
View File

@ -9,6 +9,6 @@
````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'));
````

4
components/alert/demo/closable.md
View File

@ -18,8 +18,8 @@ React.render(<div>
type="warn"
closable
onClose={onClose} />
<Alert message="警告提示的标题"
description="警告提示的文案警告提示的文案警告提示的文案警告提示的文案警告提示的文案警告提示的文案警告提示的文案"
<Alert message="错误提示的文案"
description="错误提示的辅助性文字介绍错误提示的辅助性文字介绍错误提示的辅助性文字介绍错误提示的辅助性文字介绍错误提示的辅助性文字介绍错误提示的辅助性文字介绍"
type="error"
closable
onClose={onClose} />

2
components/alert/demo/close-type.md
View File

@ -11,6 +11,6 @@ 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'));
````

14
components/alert/demo/description.md
View File

@ -10,19 +10,19 @@
var Alert = require('antd/lib/alert');
React.render(<div>
<Alert message="警告提示的文案"
description="警告提示的辅助性文字介绍警告提示的辅助性文字介绍警告提示的辅助性文字介绍警告提示的辅助性文字介绍"
<Alert message="成功提示的文案"
description="成功提示的辅助性文字介绍成功提示的辅助性文字介绍成功提示的辅助性文字介绍成功提示的辅助性文字介绍"
type="success" />
<Alert message="警告提示的文案"
description="警告提示的辅助性文字介绍警告提示的辅助性文字介绍警告提示的辅助性文字介绍警告提示的辅助性文字介绍警告提示的辅助性文字介绍"
<Alert message="消息提示的文案"
description="消息提示的辅助性文字介绍消息提示的辅助性文字介绍消息提示的辅助性文字介绍"
type="info" />
<Alert
message="警告提示的文案"
description="警告提示的辅助性文字介绍"
description="警告提示的辅助性文字介绍警告提示的辅助性文字介绍"
type="warn" />
<Alert
message="警告提示的文案"
description="警告提示的辅助性文字介绍警告提示的辅助性文字介绍警告提示的辅助性文字介绍警告提示的辅助性文字介绍警告提示的辅助性文字介绍警告提示的辅助性文字介绍警告提示的辅助性文字介绍"
message="错误提示的文案"
description="错误提示的辅助性文字介绍错误提示的辅助性文字介绍错误提示的辅助性文字介绍错误提示的辅助性文字介绍错误提示的辅助性文字介绍错误提示的辅助性文字介绍"
type="error" />
</div>, document.getElementById('components-alert-demo-description'));
````

6
components/alert/demo/style.md
View File

@ -10,10 +10,10 @@
var Alert = require('antd/lib/alert');
React.render(<div>
<Alert message="警告提示的文案" type="success" />
<Alert message="警告提示的文案警告提示的文案" type="info" />
<Alert message="成功提示的文案" type="success" />
<Alert message="消息提示的文案" type="info" />
<Alert message="警告提示的文案" type="warn" />
<Alert message="警告提示的文案警告提示的文案" type="error" />
<Alert message="错误提示的文案" type="error" />
</div>,
document.getElementById('components-alert-demo-style'));
````

6
components/alert/index.jsx
View File

@ -27,11 +27,13 @@ export default React.createClass({
iconClass += 'check-circle';
break;
case 'info':
iconClass += 'question-circle';
iconClass += 'info-circle';
break;
case 'error':
iconClass += 'exclamation-circle';
break;
case 'warn':
iconClass += 'info-circle';
iconClass += 'question-circle';
break;
default:
iconClass += 'default';

4
components/alert/index.md
View File

@ -17,8 +17,8 @@
| 参数 | 说明 | 类型 | 默认值 |
|----------- |--------------------------------------------------------- | ---------- |-------|
| type | 必选参数，指定警告提示的样式，有四种选择`success`、`info`、`warn`、`error` | String | 无 |
| closable | 可选参数，值为字符串`true`时显示关闭按钮，默认不显示 | String | 无 |
| closeText | 可选参数，自定义关闭 | String | 无 |
| closable | 可选参数，默认不显示关闭按钮 | Boolean | 无 |
| closeText | 可选参数，自定义关闭按钮 | String | 无 |
| message | 必选参数，警告提示内容 | String | 无 |
| description | 可选参数，警告提示的辅助性文字介绍 | String | 无 |
| onClose | 可选参数，关闭时触发的回调函数 | Function | 无 |