本文介绍在使用Ant Design和Less时遇到的自定义抽屉组件样式不生效的问题及解决方法。通过调整样式作用域，使抽屉内容样式正确应用。
1.先看一下效果： 抽屉里自定义内容样式正常生效效果
2.场景阐述： 使用antd + less书写自定义抽屉组件中的内容，如下图代码所示。less样式文件中的样式使用包含结构，结果发现样式不生效。
3.问题排查： 当我开始用浏览器开发工具定位页面内容元素时，发现抽屉内容是一个独立的DOM，因此我们只需要将抽屉里自定义内容的样式定义部分放在和页面父容器平级即可。
4.问题解决
扫一扫
评论 7
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
查看更多评论
添加红包
