在uniapp的日常开发中我们会用到许许多多的组件,比如:uview等ui库,但是在实际开发中,有些组件的样式和我们所需要的效果不同时,这时候我们就可以使用样式穿透来更改组件的样式以达到我们所需要的效果,如下:
<style scoped>
::v-deep .u-input {
margin-left: 10rpx !important;
}
</style>
可以通过审查元素来找到组件相对应的class,在那个class前面加上::v-deep
以及在style标签加上scoped,
在style标签上加入scoped是为了防止组件之间的样式覆盖.