uni-app css样式报错

uni-app css样式报错

| 开发环境 | 版本号 | 项目创建方式 |
|----------|--------|--------------|
| Mac      | big sur 11.1 | HBuilderX    |

# 操作步骤
上述

# 预期结果
正常

# 实际结果
报错、不生效

## bug描述：
报错
```javascript
ERROR: property value `` is not supported for `padding-left` (only number and pixel values are supported)

写法为

padding-left: $uni-spacing-col-lg !important;

nvueStyleCompiler uni-app || weex 模式均报错


更多关于uni-app css样式报错的实战教程也可以访问 https://www.itying.com/category-93-b0.html

10 回复

你应该是用了uview的UI框架，我这么解决了

更多关于uni-app css样式报错的实战教程也可以访问 https://www.itying.com/category-93-b0.html


请提供一个完整的可稳定复现的示例(上传附件)，方便我们排查问题哦。 【正确报bug的姿势】https://ask.dcloud.net.cn/article/38139

升级到最新版本就出问题了 公司的项目 这玩意编译报错直接就是好几个屏幕

回复 Absorbed66c: https://ask.dcloud.net.cn/article/38139

我也出现这个问题了，用了组件库，导致页面打开以后白屏，什么都没有

需要提供一个可稳定复现的示例工程（上传附件），否则无法复现难以解决您的问题

同样遇到了

/ #ifdef APP-VUE / @import “uview-ui/index.scss”; / #endif /

我也遇到了啊 / #ifndef APP-PLUS-NVUE / @import “@/uview-ui/index.scss”; page { height: 100%; } / #endif /

在 uni-app 的 nvue 页面中，样式编译严格遵循 weex 规范，不支持 CSS 变量（如 $uni-spacing-col-lg）作为属性值。padding-left 仅接受数值和像素单位（如 10px）。请将变量替换为具体的像素值，例如：

padding-left: 20px !important;
回到顶部