如何通过mixin将svg添加到pug？

Question

我有一个mixin

mixin icon(url)
  svg()
    use(xlink:href=url)

以及要输出的代码

 -
   var features = [
      {
        icon: +icon(img/time.svg)
      }
   ]
  each item in features
    +feature(item.icon)

我做错了什么？

Answer 1

你想要这样的东西吗？我修复了缩进、mixin 引用，并将图标的路径存储为字符串。

mixin icon(url)
  svg
    use(xlink:href=url)

-
  var features = [
    {
      icon: 'img/time.svg'
    }
  ]

each item in features
  +icon(item.icon)

如何通过mixin将svg添加到pug？

How to add svg to pug via mixin?

html

mixins

pug