当前位置:   article > 正文

修改Ant design Vue组件的默认样式_antdegin vue更改ant-card-body的样式

antdegin vue更改ant-card-body的样式

在实际开发中,可能会有需要修改组件的默认样式的情况,但是不能直接在全局样式中修改,那样其他用到该组件的地方也会受到影响。
Vue中,以card组件为例,要修改其内边距,如下修改不起作用

<style scoped>
	.ant-card-body {
	  padding: 15px;
	}
</style>
  • 1
  • 2
  • 3
  • 4
  • 5

此时我们可以前面加上/deep/即可成功修改~

<style scoped>
	/deep/ .ant-card-body {
	  	padding: 15px;
	}
</style>
  • 1
  • 2
  • 3
  • 4
  • 5

其他组件同上

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/Gausst松鼠会/article/detail/106737
推荐阅读
相关标签
  

闽ICP备14008679号