minxin

通过mixin来同意css，从而节省css。

@import "../../style/mixin.scss";

@mixin ct {

    position: absolute;

    top: 50%;

transform: translateY(-50%);

}

 

// 定位上下居中

@mixin cl {

    position: absolute;

    left: 50%;

transform: translateX(-50%);

}

 

// 宽高

@mixin wh($width, $height){

    width: $width;

    height: $height;

}

 

 

 

使用

 

.swiper-container{

        @include wh(100%, 100%);

        position: relative;

        padding-top: 1rem;

    }