原始样式
1. vant中Toast原样式:
2. 源代码:
showFailToast('账号或密码错误')
解决方法:
修改Toast的type参数为html,即可在message中书写dom节点
- 源代码
showFailToast({
message: `<div style="height:22px;display:flex;justify-content: center;align-items: center;"><i class="van-icon van-icon-fail" style="font-size:16px;margin-right:5px"></i><span>账号或密码错误</span></div>`,
type: 'html'
});
- 最终样式
注:图标样式根据 vant 中 Icon图标来定,此处用的是 van-icon-fail ,为感叹号。