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;}

 

posted @ 2021-04-26 14:17  fogwu  阅读(4796)  评论(0编辑  收藏  举报