背景:该项目使用iframe嵌入到其他项目中,需要和其他项目保持风格一致,所以需要修改样式。
神奇现象问题:本地开发时一切样式可以说完美,但是打包发布到线上之后,主题色一部分正常,一部分显示修改之前的主题色。
解决:
审查元素,一直觉得是css引入顺序导致,但是把所有引入的css调整顺序,或者注释,然后打包发布到线上,该问题始终在。后面查看ant-design-vue文档,在webpack中如下图处修改主题色即可:
之前采用的是引入变量的形式修改的主题色,在本地都是ok的,打包上线就出了问题。