Question

有没有办法通过Jade中的mixin属性声明内联CSS宽度？我尝试过的一个例子如下......

mixin button(buttonLink, buttonText, buttonWidth)
 +link(buttonLink)(style='width:"buttonWidth"')
  font(style='color: #ffffff; text-decoration: none;') 
   =buttonText

感谢。

Answer 1

是的，它可能;）

   mixin button(buttonLink, buttonText, buttonWidth)
     +link(buttonLink)(style="width:#{buttonWidth}")
       font(style='color: #ffffff; text-decoration: none;') 
         =buttonText

    mixin link(buttonLink)
      a(src=buttonLink, style=attributes.style)
        block

    +button("http://github.com", "github", 10)

顺便说一句：不要使用<font>
https://developer.mozilla.org/de/docs/Web/HTML/Element/font

Answer 2

有点晚了，但这也有效！

mixin button(buttonLink, buttonText, buttonWidth)
  +link(buttonLink)(style='width:"'+buttonWidth+'"')
    font(style='color: #ffffff; text-decoration: none;') 
      =buttonText

内联样式通过属性mixin玉

2 个答案: