vant4的showtoast非正常显示问题

问题：showtoast显示异常，不显示文字，显示的是一块白色框

问题原因：<van-popup>组件和showtoast的background属性冲突

解决方案:

1.showtoast添加classname

2.新建全局样式给van-popup的background样式覆盖掉

showToast({message: '轻提示',className: 'particulars-detail-popup'})<style lang="scss">
.particulars-detail-popup {background: rgba(0, 0, 0, 0.7) !important;
}
</style>

vant4的showtoast非正常显示问题相关推荐

uni真机showToast不显示
真机测试发现调用 showToast 不显示,或者闪一下就没了. 可能是与 wx.showLoading 冲突了,两者调用的是同个框. 封装请求时,hideLoading不要写在complete里. ...
uniapp中uni.showToast最多显示多少个汉字?
在 uni.showToast 中,最多可以显示 14 个汉字.这是由于 uni.showToast 会在屏幕上显示一个浮动的提示框,提示框的大小是有限的,所以最多只能显示 14 个汉字.如果你想在 ...
【黄啊码】解决微信小程序showToast不显示
// 请求事件requestEvent: function() {wx.showLoading({title: '正在加载中',})wx.request({url: '',success: funct ...
uni.showtoast不显示的问题,可能是因为uni uni.showloding uni.showtoast 冲突
参考链接:uni uni.showloding uni.showtoast 冲突的问题解决办法添加定时器 async onShow() {uni.showLoading({title: " ...
uniapp页面跳转时showToast不显示
showToast和页面跳转冲突解决方法:定时器 uni.showToast({icon: 'none',position: 'bottom',title: '凭证上传成功' }); setTime ...
DirectX11 程序 Release版本非正常显示解决方案及调试
最近系统出现了一个问题:在VS2010中debug模式下纹理混合正常显示,在release模式下显示黑屏(无报错),单独运行release模式的程序仅能显示1层纹理(也无报错).这真是个奇妙的世界啊! ...
MyEclipse非正常关闭问题
问题: 电脑突然断电,myeclipse非正常关闭,"Package Explorer"非正常显示, 出现错误"Could not create the view: An ...
pandas后台导出excel_pandas导出Excel表格，银行卡号、身份证号无法正常显示的问题，该怎么解决？...
点击上方[牵引小哥讲Python],关注回复[资源]领取学习资源! 以下内容来源:数据分析与统计学之美作者:黄伟呢这个问题已经被人问了不下五遍了, 可见这样的问题,也是大家在工作中经常碰到的.所以 ...
【微信小程序】—— wx.showToast 延迟页面跳转、一闪而过问题解决办法
场景一: 发布文章,点击发布以后用wx.showToast显示发布成功后跳转,但此时基本没显示,直接跳转了解决方法: wx.showToast({title: '发布成功',icon: 'succe ...

vant4的showtoast非正常显示问题

vant4的showtoast非正常显示问题相关推荐

最新文章

热门文章