容器组件,可以配置头部和脚注

• heading 头部说明信息
• footer 脚注说明信息

基本用法

{{#bs-panel heading="Simple Panel" footer="Panel Footer"}}
   <p>Panel content goes here...!</p>
{{/bs-panel}}

利用bootstrap的样式

• type=primary
• type=success
• type=info
• type=warning
• type=danger

{{#bs-panel heading="Primary Panel" type="primary"}}
   <p>Panel content.</p>
{{/bs-panel}}
{{#bs-panel heading="Success Panel" type="success"}}
   <p>Panel content.</p>
{{/bs-panel}}
{{#bs-panel heading="Info Panel" type="info"}}
   <p>Panel content.</p>
{{/bs-panel}}
{{#bs-panel heading="Warning Panel" type="warning"}}
   <p>Panel content.</p>
{{/bs-panel}}
{{#bs-panel heading="Danger Panel" type="danger"}}
   <p>Panel content.</p>
{{/bs-panel}}

更多可选配置

• dismiss 设定panel是否可以被关闭,true false
• onClose 配置onClose 会触发响应controller的action
• clicked panel被点击后的action
• collapsible 设置为true,panel可以收起和展开
• open 设置为false,panel默认为收起状态

  {{#bs-panel
    heading="Primary Panel"
    type="primary"
    collapsible=true
    open=false
    dismiss=true
    onClose="panelClosed"
    clicked="panelClicked"}}
   <p>Panel content.</p>
  {{/bs-panel}}