vue使用css封装加载动画loading组件

一、起步知识储备：
1.transform: rotate(1turn)
transform: rotate(1turn)；`等价于 `transform: rotate(360deg);
2.transform-origin
transform-Origin属性允许您更改转换元素的位置。就是用来设置元素运动的基点，即起点

css代码：

结果：

HTML及JS代码：

传入type=‘leaf’
效果：

传入type=‘circle’
效果：