在开发 uniapp 的时候发现默认 style 是不支持 scss 模式开发样式,这样的话使用 --status-bar-height
就没有办法变成想要的数值了,这时候就需要开启 scss 支持。
-
在
HbuilderX 工具 -> 插件安装
找到 scss/sass编译 安装 -
在 style 中 添加
lang
属性<style lang="scss"> .status_bar { height: var(--status-bar-height); 100%; } </style>
这样 uniapp 就支持 scss 样式编译了。