@include中如果包含参数怎么用?

@mixin里包含三个参数,并给予了默认值,如果我再@include的时候只想自定义第一个和第三个参数该怎么做?

@mixin anima($name,$during: 0.5,$opacity: 1)
  animation-name: $name
  animation-duration: $during
  opacity: $opacity

如上面的代码,我只想自定义$name 和 $opacity, 我不明白该怎么跳过$during 这个参数.

@include anima( ??? )

谢谢你

阅读 3.9k
2 个回答
@include anima($name: 'name', $opacity: .5);
新手上路,请多包涵

如果只有during是可选参数最简单的做法是将它作为参数的第三项,这样就可以选填了。
不过从sass 3.1版本开始已经可以指定关键词参数,你可以

@include anima($name:name, $opacity:opacity)

具体可参考官方文档9.3.1-关键词参数

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进