在开发 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 样式编译了。