在官方文档中提及到uni.scss中变量的使用,而我想定义方法,这样写css样式更方便
一、官方文档的介绍
根据官方文档我知道,在这面定义的变量全局都可使用。接下来我要在这里定义方法。
二、在uni.scss文件中定义方法
我在uni.scss文件中定义了 flex的简写方法。
css
@mixin flex-teng($direction, $justify, $align, $wrap) {
display: flex;
flex-direction: $direction;
justify-content: $justify;
align-items: $align;
flex-wrap: $wrap;
}
我在文件中使用
css
.test{
@include flex-teng(row, space-between, center, nowrap);
padding: 20rpx 0;
}