css - Stylus - 在循环中创建函数？

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 宽度属性分配给与类同名的手写笔函数，然后在类上使用该函数，如下所示:

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)