Patternlab:如何在局部

时间:2019-01-03 09:18:17

标签: html mustache patternlab.io

我正在将Patternlab Node 3.0用于我的样式指南,并且我想像这样添加和图标

{{> Elements-Icon(foo: "bar") }}

这工作正常,但是我传递给我的图标元素的变量只能使用一次。

这是我的Elements-Icon代码:

<i class="icon icon--{{ foo }}">
   <svg role="img" aria-label=""><use xlink:href="/images/icons/sprite.svg#{{ foo }}"></use></svg>
</i>

这是它正在呈现的HTML,并且svg#之后的变量保持空白

<i class="icon icon--bar">
   <svg role="img" aria-label=""><use xlink:href="/images/icons/sprite.svg#"></use></svg>
</i>

我已经搜索了互联网,但找不到解决方案。也许您之一可以帮助我?

0 个答案:

没有答案