你很可能會遇到的問題
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;}