你可以将 Stylus 中的任何代码块分配给变量，然后调用它、作为参数传递或以任何其他方式重用。

使用缩进语法定义一个块：

foo =
  width: 20px
  height: 20px

或使用带 @block 关键字的大括号语法：

foo = @block {
  width: 20px
  height: 20px
}

如果你想在任何地方渲染这个块，你可以使用插值语法调用这个变量，所以

.icon
  {foo}

编译为：

.icon {
  width: 20px;
  height: 20px;
}

这和 Mixin 的块混入的使用方式几乎相同。

现在，你只能将变量作为任何其他变量传递并在插值内渲染它。未来我们会提供更多的处理方式。

更新日志

2025/8/24 08:17

查看所有更新日志

• e7112-1于 2025/8/24