scss 混合 flex布局

在SCSS中，可以使用混合（mixin）来定义flex布局。在引用[1]中的例子中，定义了一个名为flex的混合，可以接受两个参数：$hov和$col。$hov参数用于设置justify-content属性的值，默认为space-between；$col参数用于设置align-items属性的值，默认为center。通过调用这个混合，可以在样式中使用flex布局。

在引用[2]中的例子中，也定义了一个名为flex的混合，但是使用了更加灵活的方式。在这个例子中，使用了一个$flex-params的map来存储不同的flex属性值。可以通过传递参数来选择性地设置flex-direction、justify-content和align-items属性的值。

在引用[3]中的例子中，展示了如何使用这些混合来定义flex布局。首先是未使用混合的例子，直接在样式中设置了flex属性的值。然后是使用混合的例子，通过@include关键字调用flex混合，并传递相应的参数来设置flex属性的值。

总结起来，SCSS中的混合可以用来定义flex布局，通过传递参数来设置flex属性的值，使得样式更加灵活和可复用。