- npm install
- npm install gulp -g (安装过可以忽略)
- gulp
- 浏览器中输入http://127.0.0.1:3100 (PC)
- 浏览器中输入http://ip:3100 (手机浏览器)
- v-slip="{mx, my, auto, end, start, move}"
- mx: x轴,最大移动距离,可以为负数(右到左划动用负数)
- my: y轴,最大移动距离,可以为负数
- auto: 自动归为动画时间(毫秒), 禁止使用自动归位,请设置为 false
- start(slip, event): 开始划动事件, slip当前实例引用、event事件参数
- move(slip, x, y, event): 移动事件,slip当前实例引用、x为x轴偏移、y为y轴偏移、event事件参数
- end(slip, event): 结束移动,slip当前实例引用、event事件参数
- 通过vue-cli引入,可以制定 指令名称 vue.use(slip, 'myslip'), 使用 v-myslip="{..}" 使用
- import vueSlip from 'vue-slip'
- Vue.use(vueSlip, 'slip')