pug - 玉块扩展：如何单行破块？

Question

您可以使用;在单行上添加嵌套标签 :例如，

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

score 2 · Accepted Answer

恐怕这种方式是不可能的。

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')

1 回答 1