uniapp中使用scss

在项目中有几个相同的样式,比如下边的 flex 我们可以把它写成一个变量,通过混合器应用 @mixin标识符定义,下边的这段sass代码

在 uni.scss中增加如下代码:

@mixin  chenflex {
 display: flex;
 justify-content: space-between;
 align-items: center;
 flex-wrap: wrap;
}

然后再页面使用时再需要用到的地方这样写

.title{
      width: 100%;
      height: 100%;
      background: red;
      @include chenflex; //应用办法
    }