【问题标题】:Does Stylus support arrays of variables?Stylus 是否支持变量数组?
【发布时间】:2014-01-29 17:30:07
【问题描述】:

我在the docs 中找不到使用数组作为变量的示例。虽然支持数组是很明显的,所以我怀疑我应该以不同的方式搜索它。

我找到了列表,但不确定这些列表的用途是否与数组相同或相似,并且找不到语法和示例。

我有一个颜色列表

- cards_colors = #E0137E #8431BF #2388C4 #FED462 #EC633B #B3CF32 #2388C4 #EA8527

我想在循环中将每种颜色分配给相应的元素,类似于:

    for num in (0..10)
        &.card-{num}
            background cards_colors[{num}]

【问题讨论】:

标签: javascript css stylus


【解决方案1】:

使用列表对我有用:

cards_colors = ( #E0137E #8431BF #2388C4 )

for num in (0..2)
  .card-{num}
    background cards_colors[num]

查看演示:http://codepen.io/anon/pen/IeiEw

【讨论】:

    【解决方案2】:

    Stylus 确实支持数组,但在他们的documentation 中很难找到,即使他们对其进行了改进

    $arrayName = value0, value1, value2
    $arrayName[1] //value1
    

    【讨论】:

      【解决方案3】:

      使用 range()

      cards_colors = ( #E0137E #8431BF #2388C4 )
      
      for num in range(0,(length(cards_colors) - 1))
        .card-{num}
          background cards_colors[num]
      

      【讨论】:

        猜你喜欢
        • 2014-02-04
        • 2015-08-08
        • 2014-05-26
        • 2014-08-12
        • 2020-12-09
        • 1970-01-01
        • 1970-01-01
        • 2014-07-14
        • 2012-01-25
        相关资源
        最近更新 更多