kuan-vue-scatter

灭霸打响指消散效果(safari 不支持)

DEMO 预览

安装

npm install kuan-vue-scatter -S
# or
yarn add kuan-vue-scatter

使用

<template>
  <div>
    <button :disabled="!visible" @click="visible = false">
      {{visible ? '消散' : '显示'}}
    </button>

    <vue-scatter
      :visible="visible"
      @end="visible = true"
      class="test-container"
    >
      <img src="./images/1.jpg" alt="" />
    </vue-scatter>
  </div>
</template>

<script>
  import VueScatter from 'kuan-vue-scatter'

  export default {
    components: {
      VueScatter
    },
    data() {
      return {
        visible: true
      }
    }
  }
</script>