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;

    }

猜你喜欢

转载自blog.csdn.net/wangjiali123123/article/details/83317464