3 css 奖品出现弹出动画_【技术】nuxt中引入wow和animate.css 页面随滚动条出现动画...

1. 通过nodejs安装

cnpm install wowjs --save-dev

安装成功后在“package.json：

  "wowjs": "^1.1.3"

2.nuxt.config.js中引入

      css:[
        '~/assets/css/animate.css'
      ],

3.在所需要用到动画在的vue文件中引入

    <script>
      if (process.browser) { // 在这里根据环境引入wow.js
          var {WOW} = require('wowjs')
      }
    </script>

animate.css 官网：Animate.css