通过属性 mixin jade 的内联样式 [英] Inline style via attribute mixin jade

问题描述

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

Is there any way of declaring a CSS width inline via a mixin attribute in Jade? An example of what I have tried is below...

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

谢谢.

推荐答案

是的，有可能 ;)

   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)

顺便说一句:不要使用
https://developer.mozilla.org/de/docs/Web/HTML/元素/字体

这篇关于通过属性 mixin jade 的内联样式的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！