VUE 旋转图片 (封装组件使logo转起来)

今天做了个VUE的页面,需要将logo旋转起来,效果如下图所示:

VUE 旋转图片 (封装组件使logo转起来)_第1张图片

思路是①将图片分成四个图片(图片必须为透明由内向外分别是inner-center.png、inner-circle.png、outer-circle.png、outer-circle-2.png),②将最内部保持不动,外部几个旋转起来

话不多说,直接上代码(封装组件名称为rotateImg):