手写笔ParseError:生成字体图标

Question

我试图使用Stylus在伊科蒙中生成字体图标，也生成变量，但是我得到了一个parseError

ParseError: icons.styl:930 926\表示图标，i在$icons 927中.图标-{图标}928\\&：在929的icons.styl:930内容${图标} 出乎意料的"eos“

我要为相应的类生成:before和content值。我的循环如下：

for icon, i in $icons
    .icon-{icon}
        &:before
            content ${$icon}

我首先将每个图标分配给它的content值，如下所示：

$icon-chrome = "\e829"

$icon-firefox = "\e82a"

$icon-IE = "\e82b"

$icon-opera = "\e82c"

$icon-safari = "\e82d"

$icon-IcoMoon = "\e82e"

其中$icons等于：

$icons = home2, home3, home4, office, newspaper, pencil2

如何修复此parseError以正确生成字体图标？

Answer 1

不能使用内插来动态生成变量名。为此，我们有内置的lookup函数。例如：

$icons = home2, home3

$icon-home2 = '\e829'
$icon-home3 = '\e82a'

for icon, i in $icons
  .icon-{icon}
    &:before
      content lookup('$icon-' + icon)

但是散列更适合这个任务。