前言如果有一个列表，这个列表有一个功能按钮叫更新。该按钮需要一个状态来指示数据正在更新。一般情况下，用一个loading就够了。但是，如果疯狂的UI给出了这样一个图标：我们该怎么办？只要有数据更新，就让图标旋转一圈。只要数据有更新，图标就会一直旋转。拿到数据后，停下来，回到原位。方法一最简单，但是体验不好。因为获取数据的时间不是固定的，有长有短。方法2的体验很好，但是为了顺利回到原来的位置，我们需要做更多的处理。如果用户更新频繁，处理起来会很麻烦。要想做好这件事，可能需要几个小时，还不到半天的工作量。有没有更好的方法来处理它？最佳方式这是一段scss代码：.refresh-icon{animation:runTimelinear2sinfinite;动画播放状态：暂停；&.updating{动画播放状态：运行；}}@keyframesrunTime{0%{变换：旋转（0deg）；}100%{变换：旋转（360deg）；}}定义一个线性动画，无限循环旋转，每次2秒，从0度到360度。一般情况下，这个动画是暂停的，一旦数据更新，就开始动画。可以完美解决一个比较麻烦的需求。
