uniapp 在uni.scss 根据@mixin定义方法 、通过@include全局使用

本文主要是介绍uniapp 在uni.scss 根据@mixin定义方法 、通过@include全局使用，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

在官方文档中提及到uni.scss中变量的使用，而我想定义方法，这样写css样式更方便

一、官方文档的介绍

根据官方文档我知道，在这面定义的变量全局都可使用。接下来我要在这里定义方法。

二、在uni.scss文件中定义方法

我在uni.scss文件中定义了 flex的简写方法。

@mixin flex-teng($direction, $justify, $align, $wrap) {display: flex;flex-direction: $direction;justify-content: $justify;align-items: $align;flex-wrap: $wrap;
}

 我在文件中使用

.test{@include flex-teng(row, space-between, center, nowrap);padding: 20rpx 0;
}

这篇关于uniapp 在uni.scss 根据@mixin定义方法 、通过@include全局使用的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---