美文网首页
animate.css在vue项目中的使用

animate.css在vue项目中的使用

作者: tency小七 | 来源:发表于2018-08-26 21:24 被阅读0次
    1.  npm install animate.css --save
      
    2.  main.js中:
      
       import animated from 'animate.css' // npm install animate.css --save安装,再引入
      
       Vue.use(animated)
      
    3.  vue模板中:
       <div class="ty">
           <!-- 直接使用animated中的动画class名,注意:必须使用animated这个class名,否则动画会无效 -->
       <div class="box animated bounceInDown"></div>
       </div>

    相关文章

      网友评论

          本文标题:animate.css在vue项目中的使用

          本文链接:https://www.haomeiwen.com/subject/eikaiftx.html