API Docs for:
Show:

File: packages/bricksui-thirdpart/lib/bu-alert.js

  1. /**
  2. @module bricksui
  3. @submodule bricksui-thirdpart
  4. */
  5. /**
  6. 对应Bootstrap alert组件,对Bootstrap alert进行轻量级封装
  7.  
  8.  
  9. ####基本用法
  10. ```handlebars
  11. {{bu-alert message="A warning alert with simple message." type="warning"}}
  12. ```
  13.  
  14. ####利用bootstrap的样式
  15. * type=`primary`
  16. * type=`success`
  17. * type=`info`
  18. * type=`warning`
  19. * type=`danger`
  20.  
  21. ```javascript
  22. {{#bu-alert message="Primary alert" type="primary"}}
  23. <p>Panel content.</p>
  24. {{/bu-alert}}
  25. {{#bu-alert message="Success alert" type="success"}}
  26. <p>Panel content.</p>
  27. {{/bu-alert}}
  28. {{#bu-alert message="Info alert" type="info"}}
  29. <p>Panel content.</p>
  30. {{/bu-alert}}
  31. {{#bu-alert message="Warning alert" type="warning"}}
  32. <p>Panel content.</p>
  33. {{/bu-alert}}
  34. {{#bu-alert message="Danger alert" type="danger"}}
  35. <p>Panel content.</p>
  36. {{/bu-alert}}
  37. ```
  38.  
  39. #### 更多可选配置
  40. * `message` alert内显示的信息
  41. * `dismiss` 设定panel是否可以被关闭,`true` `false`
  42. * `dismissAfter` 配置`dismissAfter` alert会在多少秒后消失 `number`
  43. * `fade` 配置`fade` ,则在关闭时,会显示淡出动画
  44. * `close` 在关闭时触发控制器对应的方法
  45. * `closed` 在关闭完成后触发控制器对应的方法(在淡出动画完成后)
  46. ```javascript
  47. {{#bu-alert type="danger"}}
  48. <h4 class="alert-heading">Oh snap! You got an error!</h4>
  49. <p>Alert can also be used in a <strong>block form</strong>.</p>
  50. <p>
  51. <button class="btn btn-danger" {{action "submit"}}>Take this action</button> <a class="btn btn-default">Or do this</a>
  52. </p>
  53. {{/bu-alert}}
  54. ```
  55.  
  56. @namespace BricksUI
  57. @class BuAlert
  58. @extends Ember.View
  59. */