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);
          width: 100%;
      }
    </style>
    

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


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM