手册版本 V3.0

组件名称

graceTouch : /graceUI/组件目录/graceTouch

组件介绍

graceTouch 组件可以用于识别页面元素的手指移动、手指滑动、缩放手势。
注意 : 目前版本最多支持2指事件。

组件插槽

请在 graceTouch 组件的插槽内放置任何需要识别手势的元素。

滑动事件

01. thStart
事件 : 相当于 touchstart
参数 : [[x方向起点,y方向起点]]

02. thMove
事件 : 相当于 touchmove
参数 : [[x方向移动距离,y方向移动距离]]]

03. thEnd
事件 : 相当于 touchend
参数 : [[x方向移动距离,y方向移动距离], 总滑动时间(毫秒)]

04. swipe
事件 : 对滑动 ( 手指滑动距离 > 50 且滑动总时间小于 300 毫秒 ) 事件进行具体的识别。
参数 : 滑动方向 [ left, right, down, up ]

05. tapme 2020.09.22 新增
事件 : 点击

双指缩放

scale
事件 : 两指缩放事件
参数 : 本次缩放的倍数

演示代码