2015-07-27 20:53:08 +08:00
|
|
|
# 四种样式
|
|
|
|
|
|
2015-07-29 17:22:36 +08:00
|
|
|
- order: 3
|
2015-07-27 20:53:08 +08:00
|
|
|
|
|
|
|
|
共有四种样式`success`、`info`、`warn`、`error`。
|
|
|
|
|
|
|
|
|
|
---
|
|
|
|
|
|
|
|
|
|
````jsx
|
|
|
|
|
var Alert = require('antd/lib/alert');
|
|
|
|
|
|
|
|
|
|
React.render(
|
2015-07-29 10:27:31 +08:00
|
|
|
<div>
|
|
|
|
|
<Alert
|
2015-07-29 17:22:36 +08:00
|
|
|
message="警告提示的文案"
|
2015-07-29 10:27:31 +08:00
|
|
|
type="success"
|
|
|
|
|
/>
|
|
|
|
|
<Alert
|
2015-07-29 17:22:36 +08:00
|
|
|
message="警告提示的文案警告提示的文案"
|
2015-07-29 10:27:31 +08:00
|
|
|
type="info"
|
|
|
|
|
/>
|
|
|
|
|
<Alert
|
2015-07-29 17:22:36 +08:00
|
|
|
message="警告提示的文案"
|
2015-07-29 10:27:31 +08:00
|
|
|
type="warn"
|
|
|
|
|
/>
|
|
|
|
|
<Alert
|
2015-07-29 17:22:36 +08:00
|
|
|
message="警告提示的文案警告提示的文案"
|
2015-07-29 10:27:31 +08:00
|
|
|
type="error"
|
|
|
|
|
/>
|
|
|
|
|
</div>,
|
2015-07-27 20:53:08 +08:00
|
|
|
document.getElementById('components-alert-demo-style'));
|
|
|
|
|
````
|
