kuan-vue-scatter

灭霸打响指消散效果

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>