使用vue做数据实现的指针时钟,实现方法自己感觉很ok
<--html代码-->
<body>
<div id="app">
<!-- 时钟的主体 -->
<div v-drag :class="{clock_dark:isdark,clock:!isdark}" :style="{borderRadius:radius}">
<!-- 时钟的时针,是透明的,时针主要靠cover层实现 -->
<div id="hour_pointer" :style="{transform:hour_deg}">
<!-- 时钟的时针是个长的东西,hour_cover是时针的样式颜色 也就是能看到的时针 -->
<div class="hour_cover" ></div>
</div>
//<!-- 下面就是分针秒针 实现方式一样 -->
<div id="min_pointer" :style="{transform:min_deg}">
<div class="min_cover"></div>
</div>
<div id="sec_pointer" :style=&#