vant组件库中Toast组件文本无法实现全在一行,怎么设置在两行显示而且居中

一般我们的Toast使用:

Toast('分享成功');

当字数很多的时候,我们需要使用:

Toast({

    type: 'html',

    message: "<div style='text-align:center;width: 4rem;'>分享成功<br>您已获得过抽奖次数</div>"

})

用div包括文字,然后用br换行,在设置样式居中,就可以文字换行居中了,

当然要是希望延时显示:

setTimeout(() => {

    Toast({

    type: 'html',

    message: "<div style='text-align:center;width: 4rem;'>分享成功<br>获得1次抽奖机会</div>"

    })

}, 2300);

加上定时器就可以了