需求:
使用的Ant Design框架。现在需要在某个页面组件内样式进行修改,但是不影响其他页面
修改:
只在当前组件内修改ant样式,而不影响其他组件。
如图,首先需要添加scoped,将组件样式私有化,然后添加支持语法lang=“less”
在需要修改的页面样式内使用/deep/来击穿私有样式
<style scoped lang="less">
/deep/ .ant-pagination {
display: none;
}
</style>
需求:
使用的Ant Design框架。现在需要在某个页面组件内样式进行修改,但是不影响其他页面
修改:
只在当前组件内修改ant样式,而不影响其他组件。
如图,首先需要添加scoped,将组件样式私有化,然后添加支持语法lang=“less”
在需要修改的页面样式内使用/deep/来击穿私有样式
<style scoped lang="less">
/deep/ .ant-pagination {
display: none;
}
</style>