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