Question

我的问题非常简单。在我的.styl中我有：

locked-widths(nums)
  for i in 1..nums
    .w-{i}
      $percent = i
      width: $percent+"%"

其中nums是一个通常设置为100的整数（它给我类.w-1，.w-2，.w-3等等。）

但我想要做的是首先将CSS width属性分配给与该类同名的stylus函数，然后在类上使用该函数，如下所示：

locked-widths(nums)
  for i in 1..nums
    w-{i}()
      $percent = i
      width: $percent+"%"
    .w-{i}
      w-{i}()

..哪些不起作用。你知道这是否可行？感谢。

Answer 1

是的，您可以使用define bif和匿名函数来完成此任务：

locked-widths(nums)
  for i in 1..nums
    define('w-' + i, @() {
      $percent = i
      width: $percent + '%';
    })

    .w-{i}
      w-{i}()

locked-widths(3)

手写笔 - 在循环中创建函数？

1 个答案: