没怎么用过vant,最近项目里要求使用,因为建项目的时候就初始化定义了toast的宽和高,所以当在某一部分功能模块想要自定义toast模块的高度时发现不管使用:deep还是官方文档里的自定义类名都不生效
琢磨了很久发现,是scoped的原因只需要把定义的css类放到scoped以外自定义类名就生效了
<style>
.toast {
height: 100px;
}
</style>
就在<style scoped></style>后面在加一个style标签就好了