微信小程序 showToast 真机下一闪而过的解决方案

从不敲代码

已于 2023-10-20 09:24:15 修改

阅读量368

点赞数 1

文章标签：微信小程序 vue.js

于 2023-06-19 14:30:46 首次发布

本文链接：https://blog.csdn.net/m0_73738273/article/details/131286687

版权

页面部分

<view class="toast" v-show="toastBool">
            {{toastText}}
 </view>

js部分

toastText.value = '兑换码不存在';
toastBool.value = true;
hideToast();

//关闭提示框
function hideToast() {
		setTimeout(function() {
			toastBool.value = false;
		}, 2000)
	};

css部分

.toast {
		width:fit-content;
		position: fixed;
		padding: 30rpx;
		color: #fff;
		background: rgba(0, 0, 0, .7);
		font-size: 28rpx;
		border-radius: 10rpx;
		left: 50%;
		z-index: 999;
		top: 50%;
		transform: translate(-50%, -50%);
	}