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

news/2024/11/16 22:31:00/

一般我们的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);

加上定时器就可以了


http://www.ppmy.cn/news/1263324.html

相关文章

蓝桥杯 java基础

1. AB问题I 时间限制&#xff1a;2.000S 空间限制&#xff1a;32MB 题目描述 你的任务是计算ab。 输入描述 输入包含一系列的a和b对&#xff0c;通过空格隔开。一对a和b占一行。 输出描述 对于输入的每对a和b&#xff0c;你需要依次输出a、b的和。 如对于输入中的第二…

解读Stable Video Diffusion:详细解读视频生成任务中的数据清理技术

Diffusion Models视频生成-博客汇总 前言:Stable Video Diffusion已经开源一周多了,技术报告《Stable Video Diffusion: Scaling Latent Video Diffusion Models to Large Datasets》对数据清洗的部分描述非常详细,虽然没有开源源代码,但是博主正在尝试复现其中的操作。这篇…

算法:合并两个有序数组(双指针)

时间复杂度 O(m n)&#xff0c;空间复杂度 O(1) /*** param {number[]} nums1* param {number} m* param {number[]} nums2* param {number} n* return {void} Do not return anything, modify nums1 in-place instead.*/ var merge function(nums1,m,nums2,n) {let p1 m-1…

移动距离

蓝桥杯其他真题点这里&#x1f448; //偶数行需要反转&#xff0c;判断行数时,最后一个需要特判,可以用向上取整 //也可以把传入的值减一,下标从0开始 import java.io.BufferedReader; import java.io.IOException; import java.io.InputStreamReader;public class Main{static…

STM32L051使用HAL库操作实例(13)- 读取IAQ-CORE-C传感器实例

目录 一、前言 二、传感器参数 三、STM32CubeMX配置&#xff08;本文使用的STM32CubeMX版本为6.1.2&#xff09;例程使用模拟I2C进行数据读取 1.MCU选型 2.使能时钟 3.时钟配置 4.GPIO口配置 四、配置STM32CubeMX生成工程文件 五、点击GENERATE CODE生成工程文件 六、…

第二十一章网络通信总结博客

网络程序设计基础 局域网与互联网 为了实现两台计算机的通信&#xff0c;必须用一个网络线路连接两台计算机。如下图所示 网络协议 1.IP协议 IP是Internet Protocol的简称&#xff0c;是一种网络协议。Internet 网络采用的协议是TCP/IP协议&#xff0c;其全称是Transmission …

【链表Linked List】力扣-83 删除排序链表中的重复元素

目录 题目描述 解题过程 题目描述 给定一个已排序的链表的头 head &#xff0c; 删除所有重复的元素&#xff0c;使每个元素只出现一次 。返回 已排序的链表 。 示例 1&#xff1a; 输入&#xff1a;head [1,1,2] 输出&#xff1a;[1,2]示例 2&#xff1a; 输入&#xff1…

C语言 编程题

C语言学习&#xff01; 1.小明上课需要走n阶台阶&#xff0c;他每次可以选择走一阶或者走两阶&#xff0c;他一共有多少种走法&#xff1f; 输入描述&#xff1a;输入包含一个整数n&#xff08;1 ≤ n ≤30&#xff09; 输出描述&#xff1a;输出一个整数&#xff0c;即小明可…