uni-app开发 uni.scss 样式的整体化设置

今天在写uni-app设计的时候,界面图片、图标规格一直无法正常显示。查看了uni-app官网的代码注释后,发现了在style中设置<style lang="scss"> </style>就可轻松调整好所有图片的格式,非常的方便,在uni.scss文件中预置了一批scss变量。

但是需要注意的是在使用uni.scss时候,需要下载安装scss 插件;并在使用的时候在 style 节点上加上 lang="scss"

<style lang="scss">
</style>

  

pages.json不支持scss,原生导航栏和tabbar的动态修改只能使用js api

参考连接:

uni-app官方文件:https://uniapp.dcloud.net.cn/collocation/uni-scss?id=collocation

插件下载地址:https://ext.dcloud.net.cn/plugin?name=compile-node-sass

原文地址:https://www.cnblogs.com/yqPhare/p/14186987.html