如何创建名称为 class 的 jade-mixin?
How to create jade-mixin with class name?
我想把jade mixin做成这样:
mixin use(value)
svg(class=value role="img")
use(xlink:href="#{svg}#value")
... 在文档中实现此 mixin:
ul
li
+use("icon-bubbles2")
... 并在 HTML 中编译:
<svg role="img" class="webicon-behance">
<use xlink:href="images/svg-symbols.svg#bubbles"></use>
</svg>
但是这个 mixin 不起作用,我有这样的 HTML-code:
<svg role="img" class="value">
<use xlink:href="images/svg-symbols.svg#value"></use>
</svg>
我的 mixin 有什么问题?
use(xlink:href="#{svg}#" + value)
应该这样做
use(xlink:href="#{svg}#{value}")
应该也可以,但我没有尝试过,因此不能确定
我想把jade mixin做成这样:
mixin use(value)
svg(class=value role="img")
use(xlink:href="#{svg}#value")
... 在文档中实现此 mixin:
ul
li
+use("icon-bubbles2")
... 并在 HTML 中编译:
<svg role="img" class="webicon-behance">
<use xlink:href="images/svg-symbols.svg#bubbles"></use>
</svg>
但是这个 mixin 不起作用,我有这样的 HTML-code:
<svg role="img" class="value">
<use xlink:href="images/svg-symbols.svg#value"></use>
</svg>
我的 mixin 有什么问题?
use(xlink:href="#{svg}#" + value)
应该这样做
use(xlink:href="#{svg}#{value}")
应该也可以,但我没有尝试过,因此不能确定