yimei_spa/subPackagesE/pages/giftBag/giftBag.wxml

<view class="bgc">
  <image class="topBgc" src="https://we-spa.oss-cn-shenzhen.aliyuncs.com/wxapp/20221230/%E7%BC%96%E7%BB%84%2023%402x.png"></image>
</view>
<view class="giftList">
  <!-- 润百颜补水保湿 -->
  <view class="giftList-item" data-index="0" bindtap="openAnimations">
    <image class="lid" src="https://we-spa.oss-cn-shenzhen.aliyuncs.com/wxapp/20221201/%E7%A4%BC%E7%9B%92%E7%9B%96.png"></image>
    <image class="back" src="https://we-spa.oss-cn-shenzhen.aliyuncs.com/wxapp/20221201/%E9%99%90%E5%AE%9A%E4%B8%93%E5%8C%BA%E5%A4%87%E4%BB%BD%204%402x.png"></image>
    <image  bindtransitionend='transitionend' data-index="0" animation='{{animationIndex==0?!animationStatus[0]?moveBottom:moveBack:""}}' class="center" src="https://we-spa.oss-cn-shenzhen.aliyuncs.com/wxapp/20221201/%E8%A1%A5%E6%B0%B4.png"></image>
    <image class="bottom" src="https://we-spa.oss-cn-shenzhen.aliyuncs.com/wxapp/20221201/%E6%B6%A6%E7%99%BE%E9%A2%9C.png"></image>
    <view catchtap="goShopping" data-index="0" class="radio">立即购买</view>
  </view>
  <!-- 特思嘉 -->
  <view class="giftList-item" data-index="1" bindtap="openAnimations">
    <image class="lid" src="https://we-spa.oss-cn-shenzhen.aliyuncs.com/wxapp/20221201/%E7%A4%BC%E7%9B%92%E7%9B%96.png"></image>
    <image class="back" src="https://we-spa.oss-cn-shenzhen.aliyuncs.com/wxapp/20221201/%E9%99%90%E5%AE%9A%E4%B8%93%E5%8C%BA%E5%A4%87%E4%BB%BD%204%402x.png"></image>
    <image  bindtransitionend='transitionend' data-index="1" animation='{{animationIndex==1?!animationStatus[1]?moveBottom:moveBack:""}}' class="center" src="https://we-spa.oss-cn-shenzhen.aliyuncs.com/wxapp/20221201/%E7%A5%9B%E7%97%98.png"></image>
    <image class="bottom" src="https://we-spa.oss-cn-shenzhen.aliyuncs.com/wxapp/20221201/%E7%89%B9%E6%80%9D%E4%BD%B3.png">
    </image>
    <view catchtap="goShopping" data-index="1" class="radio">立即购买</view>
  </view>
  <!-- 修丽可 -->
  <view class="giftList-item" data-index="2" bindtap="openAnimations">
    <image class="lid" src="https://we-spa.oss-cn-shenzhen.aliyuncs.com/wxapp/20221201/%E7%A4%BC%E7%9B%92%E7%9B%96.png"></image>
    <image class="back" src="https://we-spa.oss-cn-shenzhen.aliyuncs.com/wxapp/20221201/%E9%99%90%E5%AE%9A%E4%B8%93%E5%8C%BA%E5%A4%87%E4%BB%BD%204%402x.png"></image>
    <image  bindtransitionend='transitionend'  data-index="2" animation='{{animationIndex==2?!animationStatus[2]?moveBottom:moveBack:""}}' class="center" src="https://we-spa.oss-cn-shenzhen.aliyuncs.com/wxapp/20221201/%E6%8A%97%E6%B0%A7.png"></image>
    <image class="bottom" src="https://we-spa.oss-cn-shenzhen.aliyuncs.com/wxapp/20221201/%E4%BF%AE%E4%B8%BD%E5%8F%AF.png"></image>
    <view catchtap="goShopping" data-index="2" class="radio">立即购买</view>
  </view>
  <!-- 瑞妍 -->
  <view class="giftList-item" data-index="3" bindtap="openAnimations">
    <image class="lid" src="https://we-spa.oss-cn-shenzhen.aliyuncs.com/wxapp/20221201/%E7%A4%BC%E7%9B%92%E7%9B%96.png"></image>
    <image class="back" src="https://we-spa.oss-cn-shenzhen.aliyuncs.com/wxapp/20221201/%E9%99%90%E5%AE%9A%E4%B8%93%E5%8C%BA%E5%A4%87%E4%BB%BD%204%402x.png"></image>
    <image  bindtransitionend='transitionend'  data-index="3"  animation='{{animationIndex==3?!animationStatus[3]?moveBottom:moveBack:""}}' class="center" src="https://we-spa.oss-cn-shenzhen.aliyuncs.com/wxapp/20221201/%E6%8A%97%E6%B0%A7%E6%8A%97%E8%80%81.png"></image>
    <image class="bottom" src="https://we-spa.oss-cn-shenzhen.aliyuncs.com/wxapp/20221201/%E7%91%9E%E5%A6%8D.png"></image>
    <view catchtap="goShopping" data-index="3" class="radio">立即购买</view>
  </view>
</view>