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

发布于 2022-09-11 19:54:22 字数 326 浏览 9 评论 0

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

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

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

@include anima( ??? )

谢谢你

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

一江春梦 2022-09-18 19:54:22
@include anima($name: 'name', $opacity: .5);
酒浓于脸红 2022-09-18 19:54:22

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

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

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

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文