Vant-ui中digLog弹出层样式出错

Vant-ui-digLog弹出层样式出错

​ 最近在开发项目的时候，发现使用框架(Vant-ui)快速搭建页面时，样式出错。这时候一般有两种解决思路：

• 查看是否有样式污染
• 查看是否有其他ui框架干扰

第一种往往是最容易找到的，也是最直接的。就比如我今天碰到的问题：

遇到这种问题，先去官方文档查看，是否有这方面的配置。若没有，则去分析这块的代码是否有样式污染的问题(样式污染:一个样式，多个DOM使用)，就比如我出现的问题：

打开样式表，一看还真是样式污染：

可以清除的看到.van-cell类的样式之前已经被我修改过了，所以导致vant-ui的本身样式被修改。

解决思路：

不要直接修改UI框架里默认的类名的样式，可以自己再新建一个类名，单独控制自己的样式。

如果到了这步还没有解决问题，就可以继续查看样式表寻找是否有其他的继承样式，寻找问题的根源进行解决。