@mixin flex { display: flex; align-items: center; } @mixin flexCenter { display: flex; align-items: center; justify-content: center; } @mixin circle($w, $h, $s) { width: $w; height: $h; border-radius: $s; } @mixin mg($w, $h) { width: $w + $unit; height: $h + $unit; margin: 0 auto; } @mixin rel($l, $t, $ty) { position: absolute; left: $l; top: $t; transform: translate(-$ty); content: " "; } @mixin size($w, $h) { width: $w+$unit; height: $h+$unit; } @mixin page() { min-height: 100vh; background: $bg; position: relative; z-index: 2; } @mixin wrap() { width: 684rpx; margin: 0 auto; } @mixin icon($url, $w, $h) { background: url($url) no-repeat; width: $w + $unit; height: $h + $unit; background-size: $w + $unit; }