前言最近我所负责的项目中，我采用了动画效果，并开始使用gif来实现。然而，在实践过程中，我发现gif格式的动画在git中出现了明显的锯齿感，这让我非常困扰。为了追求更完美的表现效果，我最终选择了lottie来实现我的动画需求。我深知动画效果的呈现对于用户体验至关重要，因此我非常认

前言最近我所负责的项目中，我采用了动画效果，并开始使用gif来实现。然而，在实践过程中，我发现gif格式的动画在git中出现了明显的锯齿感，这让我非常困扰。为了追求更完美的表现效果，我最终选择了lottie来实现我的动画需求。我深知动画效果的呈现对于用户体验至关重要，因此我非常

简单效果就是这样，主要是用到微信的动画和获取元素信息left处理。具体来说就是先给红色的边一个固定位置，等到点击切换下一个按钮的时候，获取到下一个按钮的left信息，然后对红色边框使用translateX动画效果，代码如下：wxml<viewclass="tab"><viewbindtap="changeType"id="a1

效果图如下： 用到的图片如下： wheel.png point.pngapi文档：https://uniapp.dcloud.net.cn/api/ui/animation.html#createanimation

jsdata:{animationData:{}},/***生命周期函数--监听页面加载*/onLoad(options){this.loop=wx.createAnimation({delay:0,

lottie：设计师制作动画，并提供json文件。前端可以使用对应的api操作时间流，对动画进行一些事件上的操作。官网文档： https://github.com/airbnb/lottie-web一.下载依赖 n