SCSS中使用calc计算值时不能包含变量的解决方法

文章2019-10-24771 人已阅来源:网络

今天写SCSS的时候,发现在SCSS中使用calc,如果calc中包含一个变量,则无法识别该,如下图所示:

SCSS中使用calc计算值时不能包含变量的解决方法

通过查看一番,原来要想在SCSS的calc中使用变量,必须对这个变量使用SCSS的插值方法#{$variable}

//如下示例:
max-height: calc(100vh - #{$contactBarHeight} - 64rpx);