-
vant4 的 Popup组件使用,会导致Toast组件样式发生变化,背景色变成白底
原因是:单独使用 Toast 组件,Toast 样式顶掉了Popup样式;如果使用了Popup组件,就会重新多添加一次Popup样式,就导致后添加的Popup样式顶掉了Toast样式,就造成样式冲突,Toast就变成白底了
-
解决方法:
- 在 基础css文件中,或者最外层css文件,强制 !important 样式为默认样式
/* vant4的 Toast 和 Popup 样式冲突,会导致 Toast 变成白底 */ .van-popup.van-toast{ background: var(--van-toast-background) !important; box-sizing: content-box !important; /* 下面3条css,影响不大 */ transition: all var(--van-duration-fast) !important; width: var(--van-toast-default-width) !important; max-width: var(--van-toast-max-width) !important; } .van-popup.van-toast .van-toast__icon{ font-size: var(--van-toast-icon-size) !important; }
- 在 基础css文件中,或者最外层css文件,强制 !important 样式为默认样式
文章评论