如何用Vue2.6改写抖音时间轮盘屏保效果代码实现个性化长尾词屏保？

本文共计1976个文字，预计阅读时间需要8分钟。

写在前面：+ 前段时间看抖音，有人用时间轮盘作为动态桌面壁纸，一度成为全网最火的电脑屏幕保。后来，小米等品牌也推出了类似功能，有点像五行八卦，感觉很好玩。

写在前面：

前段时间看抖音，有人用时间轮盘作为动态的桌面壁纸，一时间成为全网最火的电脑屏保，后来小米等运用市场也出现了，有点像五行八卦，感觉很好玩，于是突发奇想，自己写一个网页版小DEMO玩玩，先看看效果：

当然实现这个效果，前端的角度来说，有很多，这里介绍最简单的，达到这个效果纯粹是元素圆性布局，如果仅仅是这样肯定没有达到各位老铁心理需求，所以既然，做了肯定是要做一个麻雀虽小五脏俱全的小demo,于是就把vue全家桶用上带设置的小项目。接下来就一步一步带各位从0到1构建这个小东西。