sass的@mixin用法

定义Mixins模块

/* 固定定位下居中 */
@mixin pfb {
  position: fixed;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%) translateZ(0);
}


使用
.navtap{
 @include pfb; 
}

 

 

定义带参数的Mixins模块

/* 宽高 */
@mixin wh($width, $height) {
  width: $width;
  height: $height;
}

使用

div{
@include wh(100%,100px);
}