最近需要做一个抽奖翻牌的动画显示如下：

<view class="imgbox">
      <view wx:for="{{datalist}}" wx:key="key" data-index="{{index}}" bindtap="luck">
        <view class="box b1">
          <image class="copyrightimg" src="{{item.copyrightimg}}"></image>
        </view>
        <view  class="box b2" >
          <image class="copyrightimg" src="{{item.copyrightimg_1}}"></image>
          <view class="number">{{item.number}}</view>
        </view>
      </view>
    </view>
想让他两张图片重合所有b1使用了绝对定位,但是翻页图片需要设置底下有数字故b2设置了相对定位
.box {
  transition: all 1s;
  backface-visibility: hidden;
}

.b1 {
  position: absolute;
}

.b2 {
  position: relative;
}
 但是就显示成翻页在上了

我想显示第一张该怎么调整 我是做后端的 前端小白求抢救… 片段

https://developers.weixin.qq.com/s/iu2eIlmF7ueM