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

7次阅读

共计 238 个字符,预计需要花费 1 分钟才能阅读完成。

  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 的版本和应用形式要一一对应,不然会呈现引入后动画不失效的状况(依照以上步骤亲测能够失常应用动画)

正文完
 0