一个基于Vue的钟表Demo

前两天写了一个基于vue的小钟表,给大家分享一下。

其中时针和分针使用的是图片,结合transform制作;表盘刻度是通过transform和transformOrigin配合画的;外面的弧形框框,啊哈哈,也是用的图片。具体的看里面的注释就好了,感觉写的还算清楚,啊哈哈~

能帮到你的话,点个赞呗?

预览图:
一个基于Vue的钟表Demo_第1张图片

效果的话,可以看这里
https://jhcan333.github.io/can-Share/demos-tips/clockDemo.html

github 地址在这里
https://github.com/JHCan333/can-Share/blob/master/demos-tips/clockDemo.html




    
    一个基于vue的时钟小demo
    
    



欢迎大家评论留言,请多多指教!

最近在搞一个和前端程序员相关的公号,除了技术分享之外,也增加了对于职业发展、生活记录之类的文章,欢迎大家关注,一起聊天、吐槽,一起努力工作,认真生活!
扫码一起向前走.png

你可能感兴趣的:(demo,时钟,vue.js)