使用场景:
flex布局中的gap属性对于旧版本机型存在不适配问题
解决方案:
1.新建minins.scss
javascript
/* mixins.scss */
@mixin flexGap($size, $direction) {
@if $direction == column {
& > * {
margin-bottom: $size;
}
& > *:last-child {
margin-bottom: 0;
}
} @else {
& > * {
margin-right: $size;
}
& > *:last-child {
margin-right: 0;
}
}
}
/* mixins.scss */
2.uni.scss中引入minins.scss
javascript
@import './common/mixins.scss';