2015-10-08 50 views
0

我想实现的功能预期的“缩进”,得到了“减少缩进”功能后

children(nums,step) 
int=0.7 
int2=0.5 
for num in nums 
    $ttime=int+step*(num-2); 
    $tdel=$ttime+int2 
    .catalog li.lvl1:hover>ul li.lvl2:nth-child({num}) 
    transition visibility ease-out {$ttime}s {$tdel}s 
    visibility visible 

,并得到这个eror

111| .catalog li.lvl1:hover>ul li.lvl2:nth-child({num}) 
    112| transition visibility ease-out {$ttime}s {$tdel}s 
    113| visibility visible 
    114| 
    115| .other,.contacts,.catalog 
--------^ 
    116| border-left 7px solid $rcolr 
    117| padding-left: 2.8%; 
    118| 

    expected "indent", got "outdent" 

    at Parser.error  (/usr/local/nodejs/lib/node_modules/stylus/lib/parser.js:257:11) 

似乎解析器考虑代码的休息成为功能的一部分。 我做了什么misteke?

回答

0

您不能在属性值内使用插值。此代码应该工作:

children(nums,step) 
int=0.7 
int2=0.5 
for num in nums 
    $ttime=int+step*(num - 2); 
    $tdel=$ttime+int2 
    .catalog li.lvl1:hover>ul li.lvl2:nth-child({num}) 
    transition visibility ease-out ($ttime)s ($tdel)s 
    visibility visible 
+0

非常感谢!解决了!但我的vorking变种是这个 为NUM在2..5 步= 0.3秒 INT = 0.7秒 INT2 = 0.5秒 TTIME = INT +步*(NUM - 2) $ TDEL = TTIME + INT2 .catalog li.lvl1:hover> ul li.lvl2:nth-​​child({num}) 转换可见性缓动ttime $ tdel 可见性可见 –