uni-app微信小程序全屏拖拽组件，控件

最新推荐文章于 2025-04-29 11:15:04 发布

原创最新推荐文章于 2025-04-29 11:15:04 发布 · 2.5k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#小程序 #vue.js #前端

前端学习经历专栏收录该内容

47 篇文章

订阅专栏

本文详细介绍如何在Vue项目中引入并使用TouchMove组件，包括配置属性如zoom、mWidth等，实现点击变大效果及自定义操作。

首先放上下载地址,免费的这里

在对应的页面里引入就可以了

<template>
	<touch-move @onClick="switchLanguage">
    	<!-- 这里放上自己的内容 -->
    </touch-move>
</template>
<script>
	import TouchMove from './TouchMove';
	export default {
		components: {TouchMove}
	},
	methods: {
		switchLanguage(){
			// 自己的操作
		}
	}
</script>

props

props	类型	默认值	说明
zoom	Boolean	true	是否开启点击变大
mWidth	Number	100	宽度
mHeight	Number	100	高度
mTop	Number	1000	初始位置的top值，相当于position: absolute;最小值是10，最大值根据屏幕情况而定。
mLeft	Number	650	同上，小程序屏幕的宽是750
ratio	Number	1.5	放大的倍率