微信小程序 罗盘动画

微信小程序中可以通过使用wx.createAnimation()方法来创建动画，并且可以通过设置transform属性来实现罗盘动画。

下面是一个简单的罗盘动画示例代码：

1. 在wxml文件中添加一个view元素作为罗盘容器，设置id为compass：

<view id="compass"></view>

2. 在js文件中获取罗盘容器的位置信息：

var compass = wx.createSelectorQuery().select('#compass');
var compassRect = compass.boundingClientRect();

3. 创建动画并设置transform属性：

var animation = wx.createAnimation({
  duration: 3000,
  timingFunction: 'linear'
})
animation.rotate(360).step();
compass.style.transform = "rotateZ(" + 0 + "deg) translateX(" + compassRect.width / 2 + "px) translateY(" + compassRect.height / 2 + "px)";
compass.animation = animation.export();

4. 在wxml文件中引用罗盘动画：

<view id="compass" animation="{{compass.animation}}"></view>

通过以上步骤，就可以实现一个简单的罗盘动画效果了。