API Docs for:
Show:

BricksUI.BuAlert

Extends Ember.View
Module: bricksui-thirdpart
Parent Module: bricksui

Summary

对应Bootstrap alert组件,对Bootstrap alert进行轻量级封装

基本用法

{{bu-alert message="A warning alert with simple message." type="warning"}}

利用bootstrap的样式

  • type=primary
  • type=success
  • type=info
  • type=warning
  • type=danger
{{#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 在关闭完成后触发控制器对应的方法(在淡出动画完成后)
    {{#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}}

Item Index