vue-slip

1.0.5 • Public • Published

vue-slip

运行demo

  • npm install
  • npm install gulp -g (安装过可以忽略)
  • gulp
  • 浏览器中输入http://127.0.0.1:3100 (PC)
  • 浏览器中输入http://ip:3100 (手机浏览器)

API

  • 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事件参数

cli引入

  • 通过vue-cli引入,可以制定 指令名称 vue.use(slip, 'myslip'), 使用 v-myslip="{..}" 使用
  • import vueSlip from 'vue-slip'
  • Vue.use(vueSlip, 'slip')

Readme

Keywords

Package Sidebar

Install

npm i vue-slip

Weekly Downloads

0

Version

1.0.5

License

MIT

Last publish

Collaborators

  • szpoppy