uni-app如何制作双击效果

有个网友问我抖音双击点赞怎么做,我一直在折磨好像uni-app并没有提供双击的方法,于是我灵机一动就想到了这个”屎窍”(方法),方法也很简单

逻辑是这样的:  定义全局变量(p),点击模块的时候,全局变量(p)就自增,判断一下全局变量(p)余2是否等于0,等于0的话就证明双击了,这样就等于双击了。

你们这时可能就会想,那我点击一下的时候全局变量(p)就等于1了,那么下次就不需要双击了,单击就好了。其实这个方法也很简单,在下方定义的定时器,让全局变量(p)自动清零就好了,这样全局变量(p)就等于0了。

制作代码

<template>
	<view>
		<view class="add" @tap="add"></view>
	</view>
</template>

<script>
	
	let p = 0;
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			add(){
				// p自增,短时间等于2的话就证明双击了
				p++;
				//判断一下是否是否点击两次
				if(p % 2 == 0){
					alert("点击两次了");
				}
				
				//定时器0.5秒后p清零
				let tit = setTimeout(function(){
					p = 0;
				},500);

			}
		}
	}
</script>

<style>
	.add{
		width:100%;
		height:700upx;
		background:#007AFF;
	}
	
</style>

 

 

 

 

本站资源除特别声明外,转载文章请声明文章出处
东泰博客 » uni-app如何制作双击效果

发表评论

切图仔日常笔记博客