File: packages/bricksui-thirdpart/lib/bu-alert.js
- /**
- @module bricksui
- @submodule bricksui-thirdpart
- */
- /**
- 对应Bootstrap alert组件,对Bootstrap alert进行轻量级封装
-
-
- ####基本用法
- ```handlebars
- {{bu-alert message="A warning alert with simple message." type="warning"}}
- ```
-
- ####利用bootstrap的样式
- * type=`primary`
- * type=`success`
- * type=`info`
- * type=`warning`
- * type=`danger`
-
- ```javascript
- {{#bu-alert message="Primary alert" type="primary"}}
- <p>Panel content.</p>
- {{/bu-alert}}
- {{#bu-alert message="Success alert" type="success"}}
- <p>Panel content.</p>
- {{/bu-alert}}
- {{#bu-alert message="Info alert" type="info"}}
- <p>Panel content.</p>
- {{/bu-alert}}
- {{#bu-alert message="Warning alert" type="warning"}}
- <p>Panel content.</p>
- {{/bu-alert}}
- {{#bu-alert message="Danger alert" type="danger"}}
- <p>Panel content.</p>
- {{/bu-alert}}
- ```
-
- #### 更多可选配置
- * `message` alert内显示的信息
- * `dismiss` 设定panel是否可以被关闭,`true` `false`
- * `dismissAfter` 配置`dismissAfter` alert会在多少秒后消失 `number`
- * `fade` 配置`fade` ,则在关闭时,会显示淡出动画
- * `close` 在关闭时触发控制器对应的方法
- * `closed` 在关闭完成后触发控制器对应的方法(在淡出动画完成后)
- ```javascript
- {{#bu-alert type="danger"}}
- <h4 class="alert-heading">Oh snap! You got an error!</h4>
- <p>Alert can also be used in a <strong>block form</strong>.</p>
- <p>
- <button class="btn btn-danger" {{action "submit"}}>Take this action</button> <a class="btn btn-default">Or do this</a>
- </p>
- {{/bu-alert}}
- ```
-
- @namespace BricksUI
- @class BuAlert
- @extends Ember.View
- */
-