【报Bug】app.vue文件内引入的全局scss文件无法使用scss变量

分类：uni-app

bug反馈

产品分类： uniapp/App

PC开发环境操作系统： Mac

PC开发环境操作系统版本号： 11.2.3 (20D91)

HBuilderX类型：正式

HBuilderX版本号： 3.1.9

手机系统： Android

手机系统版本号： Android 5.1

手机厂商：模拟器

手机机型： -

页面类型： nvue

打包方式：离线

项目创建方式： HBuilderX

示例代码：

// app.vue  
<style lang="scss">  
    @import url("@/static/scss/app.scss");  
</style>  

// app.scss  
.text {  
    font-size: $uni-font-size-base;  
}  

// uni.scss  
$uni-font-size-sm: 24rpx;  
$uni-font-size-base: 30rpx;  
$uni-font-size-lg: 36rpx;

操作步骤：

根据代码示例复现

预期结果：

.text元素可以正常渲染文字尺寸

实际结果：

如上描述及代码示例。会报一个错

// nvue中不支持如下css。如全局或公共样式受影响，建议将告警样式写在ifndef APP-PLUS-NVUE的条件编译中，详情如下：  
// ERROR: property value `$uni-font-size-base` is not supported for `font-size` (only number and pixel values are supported)

bug描述：

app.vue页面引入全局app.scss文件，这个scss文件内不能使用uni.scss的变量，但是如果是在app.vue页面内却可以使用，不知道是我自己写法有问题呢还是？
具体代码以下代码示例：

2021-04-15 11:46 负责人:无分享

0 个回复

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

【报Bug】app.vue文件内引入的全局scss文件无法使用scss变量

示例代码：

`// app.vue <style lang="scss"> @import url("@/static/scss/app.scss"); </style> // app.scss .text { font-size: $uni-font-size-base; } // uni.scss $uni-font-size-sm: 24rpx; $uni-font-size-base: 30rpx; $uni-font-size-lg: 36rpx;`

操作步骤：

根据代码示例复现

预期结果：

.text元素可以正常渲染文字尺寸

bug描述：

0 个回复

公告

相关问题

【报Bug】app.vue文件内引入的全局scss文件无法使用scss变量

示例代码： // app.vue <style lang="scss"> @import url("@/static/scss/app.scss"); </style> // app.scss .text { font-size: $uni-font-size-base; } // uni.scss $uni-font-size-sm: 24rpx; $uni-font-size-base: 30rpx; $uni-font-size-lg: 36rpx;

操作步骤： 根据代码示例复现

预期结果： .text元素可以正常渲染文字尺寸

bug描述：

与内容相关的链接

0 个回复

公告

相关问题

示例代码：

`// app.vue <style lang="scss"> @import url("@/static/scss/app.scss"); </style> // app.scss .text { font-size: $uni-font-size-base; } // uni.scss $uni-font-size-sm: 24rpx; $uni-font-size-base: 30rpx; $uni-font-size-lg: 36rpx;`

操作步骤：

根据代码示例复现

预期结果：

.text元素可以正常渲染文字尺寸