关于vue.js:vue项目中animatecss的使用

  1. 装置animate.css
    npm install animate.css@3.7.2 --save
  2. 在main.js引入

    import 'animate.css'
    
  3. 标签的class中,写上对应的参数(animated shake fast)

       <div v-if="isError" class="tips animated shake fast">
    

    第二个参数对应动画类名,可参考查看动画类名


留神:animate的版本和应用形式要一一对应,不然会呈现引入后动画不失效的状况(依照以上步骤亲测能够失常应用动画)

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理