uniapp中flex布局gap属性兼容处理
使用场景:
flex布局中的gap属性对于旧版本机型存在不适配问题
解决方案:
1.新建minins.scss
/* 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
@import './common/mixins.scss';