vue滑动窗口_vue-floating 浮窗组件、封装基于better-scroll的滑动组件、vue自定义手势指令...

本篇主要是为了介绍和如何使用之前撸的三个vue在移动端常用的组件,现已开源，欢迎大家使用：

一个基于vue的浮窗组件,可在屏幕内自由拖拽，拖拽后的位置即可不变，也可在移动过程中手指释放浮窗横向贴边。

Example

移动过程中手指释放浮窗横向贴边:

拖拽后的位置不变

Demo

examples目录里面有demo用法，请自行下载查看

Api

如果vue-floating觉得不错的，记得给个star哟

基于 better-scroll 的一个可自定义上下拉的移动端滚动列表组件，增强滑动体验。

上下拉现默认动画，如果你想做成自己想要的上下拉动画，请查看api

Example

Demo

examples目录里面有demo用法，请自行下载查看

Api

目前只提供了以上常用方法、Api,如有额外需要请 issue

vue 自定义手势插件(点击、单击、长按、双击、拖拽移动、多点触控、滑动、缩放、旋转)，基于腾讯AlloyFinger改造后的vue版本

Example

1.点击事件

v-tap

复制代码

2.单击事件，和tap的区别是相差250ms

v-singleTap

复制代码

3.长按事件，当点击时长超过750ms时候触发