vue-wobblewindow v1.0.2

前言

此包是基于jquery-wobblewindow移植过来的，在写项目中，要求了这样的一个特效，但是没找到vue版本的代码，于是就自己对照jquery-wobblewindow的源码稍微做了改造，大佬勿喷

使用

第一步：安装vue-wobblewindow

$ npm install vue-wobblewindow --save

第二步：创建DOM 并设定ref属性

具体示例如下，配置、CSS等参考jquery-wobblewindow的配置即可。搬运工不在此过多BB

<template>
  <div>
    <div class="myCase" ref="caseBox"></div>
  </div>
</template>

<script>
  import { wobbleWindow } from 'vue-wobblewindow'
  export default {
    data() {
      return {
        caseBox: null,
        settings: {
          bodyColor: '#fff',
          wobbleFactor: 0.99,
          wobbleSpeed: 0.05
        }
      }
    },
    mounted(){
      this.caseBox = this.$refs.caseBox
      wobbleWindow(this.caseBox, this.settings)
    }
  }

</script>