在手寫筆中使用mixins作為類名

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

手寫筆是一種預處理器語言，即使在Vue上，它在編譯后也不是動態的。

但是您可以通過生成每個顏色選項作為類來歸檔。

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