scene.beginAnimation(mesh, 0, 720, true)
其中,mesh是要旋转的物体,0是起始角度,720是结束角度,true表示循环动画。
首先使用iconfont增加一个spin图标
将iconfont.css改成iconfont.js注意:
1、使用style-components
2、 <span ref={(icon)=>{this.spinIcon = icon}} className="iconfont spin"></span>
使用了ref参数来获取dom、增加className=spin以区别SearchWrapper下的iconfont绝对布局样式
将spinIcon传入到handleChangePage函数中
我们想通过dom操作获取动画样式 spin.style.transform,由于style-component并不支持直接获取,我们直接在函数中定义该属性:
每次点击都旋转360度。
注意增加过渡动画transition: