玉块膨胀：如何在一条线上突破一块？

Question

:可以add nested tags在一行上{{3}};如，

ul
  li.first: a(href='#') foo
  li: a(href='#') bar
  li.last: a(href='#') baz

但是，如果我想在一个父母下添加两个兄弟元素呢？如，

button.btn.btn-danger
    i.icon-trash.icon-white
    |  Delete

给出了所需的输出：

<button class="btn btn-danger"><i class="icon-trash icon-white"></i> Delete</button>

但有没有办法在一条线上做到这一点？还有其他一些神奇的算子代替???？我甚至无法在2上做到这一点我能弄清楚。

button.btn.btn-danger: i.icon-trash.icon-white ??? Delete

Answer 1

我担心这种方式不可能。

Jade 0.13推出了mixin，用一条线帮助完成这类任务。

以下是我如何定义mixin：

  mixin icon-button(type,icon,label)
    button.btn(class=type)
      i(class=icon)
      | #{label}

现在您可以使用一行来渲染按钮：

mixin icon-button('btn-danger','icon-trash icon-white','Delete')