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