wxapp-animate

微信小程序版本的animate.css

Usage no npm install needed!

<script type="module">
  import wxappAnimate from 'https://cdn.skypack.dev/wxapp-animate';
</script>

README

wxapp-animate

在animate.css基础上删除多余的css兼容性代码，压缩库体积。

安装

#  (PS：需前端代码的目录下，不能在云开发同级目录)
npm init -y # 如果小程序目录如果不存在package.json文件，请执行。
npm install wxapp-animate

使用

  1. 开启小程序的npm支持：微信开发者工具 -> 详情 -> 本地设置 -> 使用npm模块
  2. 导入npm包：微信开发者工具 -> 顶部导航【工具】 -> 构建npm

详情文档： https://developers.weixin.qq.com/miniprogram/dev/devtools/npm.html

  1. app.wxss引入样式
@import './miniprogram_npm/wxapp-animate/animate.wxss'

其他使用方式和animate.css一致

动画参考文档： https://www.dowebok.com/demo/2014/98/