代码拉取完成,页面将自动刷新
基于animate.css 4. X封装的vue动画指令
具体动画类名参考 https://animate.style/
npm i v-animate-m
// 1. 全局注册指令
import Vue from "vue";
import "animate.css"; // 4.x的版本
import animateM from 'v-animate-m'
Vue.use(animateM)
// 2. vue组件中使用
<div v-animate-m="'fadeIn'"></div> // 字符串形式
<div v-animate-m="{name:'fadeIn'}"></div> // 对象形式
<div v-animate-m="{name:'fadeIn',delay:'1s'}"></div> // 延迟加载(单位s或ms)
<div v-animate-m="{name:'fadeIn',duration:'1.5s'}"></div> // 持续时间(单位s或ms)
<div class="block block4 bg-orange" v-animate-m.repeat="{name:'fadeInBottomRight',delay:'0.1s'}"
></div> // 重复加载
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。
1. 开源生态
2. 协作、人、软件
3. 评估模型