Jade block expansion：如何突破單行上的塊？

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>

但是沒有一種方法能做到這一點在一行？也許其他一些神奇的運營商可以代替???？我甚至無法做到這一點，我可以弄明白。

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

2012-12-31 mpen

找到一個辦法：'button.btn.btn-危險 Delete' – mpen

That's cheating Mark ... –

@MikeCauser：呃呃...然後寄給我一個真正的解決方案;） – mpen

恐怕它不可能這樣。

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

2013-03-22 23:02:17

回答