uni-app 更改默認組件樣式


你很可能會遇到的問題

vue組件編譯后,會將 template 中的每個元素加入 [data-v-xxxx] 屬性來確保 style scoped 僅本組件的元素而不會污染全局

所以,如果你期待通過如修改其子class的樣式。來影響展示效果,直接增加class是沒有任何效果的

需要在修改指定的組件樣式class前面 加入deep才可以

/deep/ uni-image>div, uni-image>img{max-width: 95% !important;text-align: center;}

在vue-cli3編譯時,deep的方式會報錯或者警告。
此時我們可以使用第三種方式

 ::v-deep  uni-image>div, uni-image>img{max-width: 95% !important;text-align: center;}

 


免責聲明!

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



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