账户中心 退出系统
6.0 版本 5.0 版本 3.0 版本
使用手册 模板中心 账户中心 合作 · 服务
6.0 版本 5.0 版本 3.0 版本
快速开始
动画库介绍
下载及部署
基础组件
animate.css 动画组件
animate.css 连贯动画
gal-api-animate 组件
文本动画
文本淡入淡出
文本背景动画
数值展示动画
按钮动画
提交按钮动画
边框动画按钮
点赞按钮动画
常用动画
全屏加载动画
渐变背景动画
时钟动画
红包雨动画
下载及部署

下载框架

您可以在 uni-app 插件市场获取 GAL 的全部代码(包含核心组件及全部演示),
插件市场地址 : https://ext.dcloud.net.cn/plugin?id=4875求5星好评,非常感谢~

01. 直接使用下载项目

您下载的 GAL 为一个完整的项目,可以直接以下载文件夹为基础进行二次开发;

02. 将 GAL 添加到已有项目

01. 解压下载文件获得 GAL 完整文件夹 ;
02. 将 |_ GAL/ 文件夹复制到您的项目;
03. 将 |_ static/ 文件夹内的文件复制到您的 |_ static 目录内;
04. 在 app.vue 内加载 GAL 动画库 :  

<style>
/* 在 style 标签内添加 */
@import "@/GAL/css/gal.css";
</style>

05. 实现组件自动加载 : 打开 page.json,配置 easycom , 如果已经存在 easycom 配置信息,则添加一句 :

"gal-(.*)": "@/GAL/components/gal-$1.vue"

如果不存在 easycom 信息则添加 : 

"easycom": {
	"custom": {
		"autoscan": true,
		"gal-(.*)": "@/GAL/components/gal-$1.vue"
	}
}

至此, GAL 已经部署完毕,开始使用吧 ~