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

组件介绍

gal-clock 组件实现了一个时钟动画( 翻转形式 ),可以用于时间展示场景;

组件名称

gal-clock

兼容平台

H5APP小程序NVUE
不支持

演示代码

<template>
	<view class="gal-body pagebg" style="padding-top:50rpx;">
		<text class="gal-block-text gal-h4 gal-color-white">动画时钟</text>
		<view class="gal-margin-top-large">
			<gal-clock></gal-clock>
		</view>
	</view>
</template>
<script>
export default {
	data() {
		return { }
	}
}
</script>
<style>
.pagebg{min-height:100vh; background-color:#262529; box-sizing:border-box;}
</style>

gitee 仓库地址

https://gitee.com/hcoder2016/grace-animation-library/blob/master/pages/demo/other/clock.vue