Grace Animation Library ( 简写 : GAL ) 是 GraceUI 团队为 uni-app 打造的一款 免费、开源 的动画库,GAL 动画技术底层为 animate.css 动画、基于 uni.createAnimation 接口实现的动画及js + css3 动画。我们为大家封装了极其丰富的动画效果组件,通过这些组件您可以方便的实现开发过程中所需的各类动画效果。注意...
graceUI uni-app 普通版本和微信小程序独立开发版本动画库整理自 animate.css, 整合了丰富的 css 动画。如果您使用的是 weex 模式请使用 weex 的 animation 模块来完成组件的动画。 使用语法 [ 非 weex 模式 ] <view class="grace-animate 动画效果样式类"></view> 复制代码 动画效果 请访问 animate.css ...
01. nvue 模式不支持 css 动画,使用 weex animation 模块来实现;提供weex.animation 示例,请理解原理并改进使用; 相关文档 : https://weex.apache.org/zh/docs/modules/animation.html#transition02. vue 环境下动画库基于 animate.css , 以样式形式提供了多种动画预设效果; 兼容平台 H5 APP 小程序 NVUE ✔ ...
04. 在 app.vue 内加载 GAL 动画库 : /* 在 style 标签内添加 */ @import "@/GAL/css/gal.css"; 复制代码 05. 实现组件自动加载 : 打开 page.json,配置 easycom , 如果已经存在 easycom 配置信息,则添加一句 : "gal-(.*)": "@/GAL/components/gal-$1.vue" 复制代码 如果不存在 easycom...
01. nvue 模式不支持 css 动画,使用 weex animation 模块来实现;提供weex.animation 示例,请理解原理并改进使用; 相关文档 : https://uniapp.dcloud.io/tutorial/nvue-api.html#animation02. vue 环境下动画库基于 animate.css , 以样式形式提供了多种动画预设效果; 兼容平台 H5 APP 小程序 NVUE ✔ ✔ ...