【报Bug】SCSS代码编译错误

分类：uni-app

bug反馈

产品分类： uniapp/小程序/微信

PC开发环境操作系统： Mac

PC开发环境操作系统版本号： 10.13.6

HBuilderX类型：正式

HBuilderX版本号： 3.2.16

第三方开发者工具版本号： x.x.x

基础库版本号： x.x.x

项目创建方式： HBuilderX

操作步骤：

@mixin safe-bottom-offset($offset: 0) {
padding-bottom: calc(constant(safe-area-inset-bottom) + $offset);
padding-bottom: calc(env(safe-area-inset-bottom) + $offset);
}
.safe-bottom {
@include safe-bottom-offset(30upx)
}

预期结果：

.safe-bottom {
padding-bottom: calc(constant(safe-area-inset-bottom) + 30rpx);
padding-bottom: calc(env(safe-area-inset-bottom) + 30rpx);
}

实际结果：

.safe-bottom {
padding-bottom: calc(constant(safe-area-inset-bottom) + $offset);
padding-bottom: calc(env(safe-area-inset-bottom) + $offset);
}

bug描述：

scss使用mixin并设置参数时,编译后参数没有被@include传递的参数所替换

2021-11-29 22:47 负责人:无分享

1 个回复

DCloud_UNI_HT

使用 # 将变量放进去， calc 中不识别变量

@mixin safe-bottom-offset($offset) {  
    padding-bottom: calc(constant(safe-area-inset-bottom) + #{$offset});  
    padding-bottom: calc(env(safe-area-inset-bottom) + #{$offset});  
}  
.safe-bottom {  
    @include safe-bottom-offset(30px);  
}

该问题目前已经被锁定, 无法添加新回复

【报Bug】SCSS代码编译错误

操作步骤：

@mixin safe-bottom-offset($offset: 0) {
padding-bottom: calc(constant(safe-area-inset-bottom) + $offset);
padding-bottom: calc(env(safe-area-inset-bottom) + $offset);
}
.safe-bottom {
@include safe-bottom-offset(30upx)
}

预期结果：

.safe-bottom {
padding-bottom: calc(constant(safe-area-inset-bottom) + 30rpx);
padding-bottom: calc(env(safe-area-inset-bottom) + 30rpx);
}

实际结果：

.safe-bottom {
padding-bottom: calc(constant(safe-area-inset-bottom) + $offset);
padding-bottom: calc(env(safe-area-inset-bottom) + $offset);
}

bug描述：

1 个回复

公告

相关问题

【报Bug】SCSS代码编译错误

操作步骤： @mixin safe-bottom-offset($offset: 0) { padding-bottom: calc(constant(safe-area-inset-bottom) + $offset); padding-bottom: calc(env(safe-area-inset-bottom) + $offset); } .safe-bottom { @include safe-bottom-offset(30upx) }

预期结果： .safe-bottom { padding-bottom: calc(constant(safe-area-inset-bottom) + 30rpx); padding-bottom: calc(env(safe-area-inset-bottom) + 30rpx); }

实际结果： .safe-bottom { padding-bottom: calc(constant(safe-area-inset-bottom) + $offset); padding-bottom: calc(env(safe-area-inset-bottom) + $offset); }

bug描述：

与内容相关的链接

1 个回复

公告

相关问题

操作步骤：

@mixin safe-bottom-offset($offset: 0) {
padding-bottom: calc(constant(safe-area-inset-bottom) + $offset);
padding-bottom: calc(env(safe-area-inset-bottom) + $offset);
}
.safe-bottom {
@include safe-bottom-offset(30upx)
}

预期结果：

.safe-bottom {
padding-bottom: calc(constant(safe-area-inset-bottom) + 30rpx);
padding-bottom: calc(env(safe-area-inset-bottom) + 30rpx);
}

实际结果：

.safe-bottom {
padding-bottom: calc(constant(safe-area-inset-bottom) + $offset);
padding-bottom: calc(env(safe-area-inset-bottom) + $offset);
}