修改Ant design Vue组件的默认样式
在实际开发中,可能会有需要修改组件的默认样式的情况,但是不能直接在全局样式中修改,那样其他用到该组件的地方也会受到影响。Vue中,以card组件为例,要修改其内边距,如下修改不起作用<style scoped>.ant-card-body {padding: 15px;}</style>此时我们可以前面加上/deep/即可成功修改~<style scoped>/
·
在实际开发中,可能会有需要修改组件的默认样式的情况,但是不能直接在全局样式中修改,那样其他用到该组件的地方也会受到影响。
Vue中,以card
组件为例,要修改其内边距,如下修改不起作用
<style scoped>
.ant-card-body {
padding: 15px;
}
</style>
此时我们可以前面加上/deep/
即可成功修改~
<style scoped>
/deep/ .ant-card-body {
padding: 15px;
}
</style>
其他组件同上
更多推荐
已为社区贡献4条内容
所有评论(0)