小程序 实现老虎机抽奖 - 可以点击N次，试用各种机型，不会产生误差

先看效果图：
点击抽奖，就滚动到后端返回对应的数字，试用各种机型

之前试用了background-position的方式去改变数字的背景位置，发奖在小程序使用rpx单位的情况下，会产生误差，且不适配各种机型，于是经过大佬的请教下，改成使用transform: rotateX的方试，话不多说，先上代码

axml：

<view class="content">
  <view class="num-scroll">
    <view class="animationImg">
      <view class="num num1">
        <view class="item-wrap" style=" transform: rotateX({
   {animation0}}deg);  transition-duration:5s;transition-delay:0s;">
          <view class="item" a:for="{
   {[0,1,2,3,4,5,6,7,8,9]}}" style="background-image: url(../../img/{
   {
   item}}.png);
                transform:rotateX({
   {
   36*item - 100}}deg) translateZ({
   {
   125}}px);">
          </view>
        </view>
      </view>
      <view class="num num2">
        <view class="item-wrap" style=" transform: rotateX({
   {animation1}}deg);  transition-duration:6s;transition-delay:0.4;">
          <view class="item" a:for="{
   {[0,1,2,3,4,5,6,7,8,9]}}" style="background-image: url(../../img/{
   {
   item}}.png);
                transform:rotateX({
   {
   36*item - 100}}deg) translateZ({
   {