wowjs

2021-03-10 10:32:50 阅读：319 来源： 互联网

关于wowjs

滚动加载页面的插件（很好用，让你的页面变得精致起来）
安装css
yarn add animate.css -S
安装wowjs
yarn add  wowjs -S

在main.js中引入
import wow from 'wowjs'
Vue.prototype.$wow = wow
此处animate.css的版本是‘^4.1.1’,
版本很重要，3.xxx的版本和此版本引入方式不同
import 'animate.css'

div内设置class内容（此处是4.0版本使用的class样式,<div class="wow slideInUp " >这种形式的我的页面无法呈现动画，所以使用了这种，应该是wowjs安装时自带animate.css,class的定义名字是这种，而我们选择的是yarn安装animate.css,直接main.js引入，所以不会生效）
  我的页面正解：<div class="wow animate__animated animate__slideInUp " >

使用的页面引入
import { WOW } from 'wowjs'
 mounted() {
    var wow = new WOW({
      boxClass: "wow",
      animateClass: "animated",
      offset: 0,
      mobile: true,
    });
    wow.init();
  }

标签：wowjs,wow,版本,animate,css,页面
来源： https://www.cnblogs.com/cc0419/p/14510042.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

wowjs

关于wowjs