scss flex封装

关于scssflex的封装，您可以使用Mixin或Function来实现。在SCSS中，Mixin可以通过`@mixin`关键字来定义，然后通过`@include`关键字来引用。而Function则可以通过`@function`关键字来定义，然后通过调用函数名来使用。

例如，以下是一个使用Mixin来实现flex封装的示例代码：

@mixin flex($direction: row, $justify-content: flex-start, $align-items: flex-start) {
  display: flex;
  flex-direction: $direction;
  justify-content: $justify-content;
  align-items: $align-items;
}

.container {
  @include flex(column, center, center);
}

上述代码中，Mixin名为flex，接受三个参数，分别是flex-direction、justify-content、align-items，它们都有默认值。在.container选择器中，我们使用了@include指令来引用flex Mixin，并传递了三个参数，最终编译出的CSS代码如下：

.container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

这样，我们就可以通过flex Mixin来快速封装flex布局的样式了。