CSS 圆形的时钟秒针状的手柄绕中心点旋转的效果

 

<template>
	<!-- 创建一个装载自定义加载动画的容器 -->
	<view class="cloader">
		<!-- 定义加载动画主体部分 -->
		<view class="clface">
			<!-- 定义类似秒针形状的小圆盘 -->
			<view class="clsface">
				<!-- 定义“秒针”上的第一段手柄 -->
				<view id="h2" class="hand"></view>
			</view>

			<!-- 定义上部圆形边框 -->
			<view class="top"></view>

			<!-- 定义下部圆形边框 -->
			<view class="bottom"></view>

			<!-- 定义左侧圆形边框 -->
			<view class="left"></view>

			<!-- 定义右侧圆形边框 -->
			<view class="right"></view>

			<!-- 定义内部固定小圆点 -->
			<view id="sub" class="pin"></view>

			<!-- 定义“秒针”上的第二段手柄 -->
			<view id="h1" cl