Question

我是手写笔的初学者，正在与vue合作创建一个小型组件库。我想知道是否有一种方法可以使用mixins作为类名来实现以下目的：

<style lang="stylus"> // this is where the stylus code is written.
bgColor (argument)
  background-color: argument
</style>

然后我会在HTML模板中使用它：

<div class="bgColor(ff0000)"></div>

我基本上想要实现的是一种使用手写笔模仿雾化器（https://acss.io/guides/atomizer.html）的简单方法。

我也可以通过任何其他方式实现这一目标。

提前致谢！

Answer 1

Stylus是一种预处理器语言，即使在Vue上，它在编译后也不是动态的。

但是您可以通过将每个颜色选项生成为一个类来归档。

<style lang="stylus">
colors = ( ff0000, ff00ff ) // color collection
for color in colors
  .bgColor\({color}\)
    background-color unquote('#' + color)
</style>

在手写笔中使用mixins作为类名

1 个答案: