唯心主义蠢货的[一些demo] 做一个时钟吧_vue版

实现效果

---

分析部分

• 重复渲染的操作一般是通过设置原基础div状态，然后绑定旋转

• 修饰的点 通过v-for渲染内部点60次，将transform:‘rotate(’+item*6+‘deg)’，动态绑定到点上
• 同样的对于时针、分针、秒针的操作，也是基于以上思路：原div进行基础定位，然后伪元素进行细节修改
• 对于伪元素
  伪元素默认为inline元素，无法响应width和height，设置display:block 也可以使伪元素为block
  position: absolute 会使得原来的inline元素变成block元素，从而能够使用width属性

---

代码

html部分

<div id="timer">
    <template>
        <div></div>
        <el-tabs v-model="activeName" @tab-click="handleClick">