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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM