今天在写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