uniapp配置scss支持

在开发 uniapp 的时候发现默认 style 是不支持 scss 模式开发样式,这样的话使用 --status-bar-height 就没有办法变成想要的数值了,这时候就需要开启 scss 支持。

  1. HbuilderX 工具 -> 插件安装 找到 scss/sass编译 安装

    image-20190812171215762

  2. 在 style 中 添加 lang 属性

    <style lang="scss">
    
     .status_bar {
          height: var(--status-bar-height);
           100%;
      }
    </style>
    

这样 uniapp 就支持 scss 样式编译了。

原文地址:https://www.cnblogs.com/l5gw/p/11341336.html