vant Toast自定义样式

vant中Toast图标都是上下结构,需求为一行展示,解决方法:设置type属性为html,自定义html即可

import { Toast } from "vant"
Toast({
   message: '<i class="van-icon van-icon-passed" style="color:#13DEA5;margin-right:5px"></i><span>提交成功</span>',
   type: 'html',
})

实现效果:

posted @ 2023-01-16 16:27  年轻浅识  阅读(1163)  评论(0编辑  收藏  举报