微信小程序-数字滚动动画

这个效果仿照的是某团外卖选择优惠券之后的金额变化效果，开始想做成数字滚动的样式，后来发现我理解的效果和实际有出入，就又老老实实的开始调研了。

调研到了几个方法但是都不太适用。但是也贴在这里，供大家参考。
1、js数字金额滚动动画(vue)
https://www.jianshu.com/p/90f40f5b1800?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation
2、小程序：数字滚动效果
https://www.jianshu.com/p/8952c688073c

但是这两个方法我在小程序上并没有得到很好的适用，可能是我哪里处理有问题。最后无法，尝试问了一下ChatGPT，得到了一些代码示例，最终通过微信提供的animationData方法~ 那么下面展示一下完整代码吧！

// 这里是优惠券的代码，点击展开优惠券列表，
// 列表下方会有个确定按钮，点击后才会触发动画效果
<view class="has_coupon" wx:if="{
    {!no_chose_counpon && has_counpon}}" bindtap="openCouponList">
   <view class="coupon_num">3张可用</view>