0
点赞
收藏
分享

微信扫一扫

uniapp中使用scss

爱做梦的夏夏 2022-02-26 阅读 82

在项目中有几个相同的样式,比如下边的 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; //应用办法
    }
举报

相关推荐

0 条评论