1.开发环境 uni-aapp+scss
2.电脑系统 windows10专业版
3.在试验uni-app开发的过程中,咱们可能会应用到scss,上面我来分享一下scss简略的应用,心愿对你有所帮忙!
4.如果你的我的项目中有几处小小的款式相似(例如统一的色彩和字体),那么应用变量来对立解决这种状况是十分不错的抉择。然而当你的款式变得越来越简单,你须要大段大段的重用款式的代码,独立的变量就没方法应酬这种状况了。你能够通过sass的混合器实现大段款式的重用。
混合器应用@mixin标识符定义,下边的这段sass代码,定义了一个混合器,目标是应用flex布局。
在 uni.scss中增加如下代码:@mixin chenflex { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
5.在应用的模板中增加如下代码:
.title-wrap{ width: 100%; height: 100rpx; background-color: #ccc; padding: 10rpx; box-sizing: border-box; @include chenflex; //应用办法 }
6.本期的分享到了这里就完结啦,是不是很nice,心愿对你有所帮忙,让咱们一起致力走向巅峰!!!