vue-free-bubble v1.0.4

vue-free-bubble

针对移动端开发的一个可以在页面任意拖动的浮标按钮。主要处理的是 touchstart touchmove touchend 相关操作, 暂不支持 PC 端数遍操作。

使用说明

• 注册组件

import Vue from 'vue'
import vueFreeBubble from 'vue-free-bubble'

Vue.use(vueFreeBubble)

• 使用组件

<template>
  <div id="app">
    <vue-free-bubble
      :size="bSize"
      :isFreeMove="bIsFreeMove"
      :distanceToEdge = "bDistanceToEdge"
      @click="bubbleClick" />
  </div>
</template>

<script>
export default {
  name: 'app',
  data() {
    return {
      bSize: 60,
      bIsFreeMove: false,
      bDistanceToEdge: 10
    }
  },
  methods: {
    bubbleClick() {
      console.log('ok')
    }
  }
}
</script>

• 参数说明

属性

事件