组件介绍

gal-clock 组件实现了一个时钟动画（ 翻转形式 ），可以用于时间展示场景；

组件名称

gal-clock

兼容平台

演示代码

<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