Flex based on the use of sass @mixin mixed in vue [basic version _ create multiple references at once]

/* 自定义封装文件:flexScss.scss */
/* @mixin混入,默认center,center,编写公共sass函数 */
@mixin flex-justify-align($justify-content:center,$align-items:center){
    display: flex;
    justify-content:$justify-content;
    align-items: $align-items;
}
/* vue-cli的项目入口文件main.js中引入【路径根据自己的项目而定】 */
import 'flexScss.scss'
/* 页面引用 */
<style lang="scss" scoped>
    @import '~@/assets/css/flexScss.scss'; 
    .elementClass{
        @include flex-justify-align(center,center);//可不传,默认center,center
    }
</style>

Guess you like

Origin www.cnblogs.com/yogic/p/12752138.html