<view class="van-award" wx:if="{{value}}" catchtouchmove="preventMoveHandler">
  <view class="van-award__mask {{useCustomNavigator ? 'custom' : ''}} {{isiPhoneX ? 'foriPhoneX' : ''}}"></view>
  <view class="van-award__content {{useCustomNavigator ? 'custom' : ''}} {{isiPhoneX ? 'foriPhoneX' : ''}}">
    <view class="van-award__items" style="opacity: {{showAwardItems ? 1 : 0}};">
      <view class="van-award__item van-award__item--position-{{index}}" wx:for="{{missionrewards}}" wx:key="{{index}}">
        <image
          class="van-award__item-image"
          src="{{item.rewardtype == 3 ? redEnvelopeImageURL : (item.rewardtype == 2 ? integralImageURL : energyImageURL)}}"
        >
        </image>
        <view class="van-award__item-name">{{item.rewardcontent}}{{item.rewardtype == 3 ? '元' : ''}}{{item.name}}</view>
      </view>
    </view>
    <view class="van-award__animation">
      <canvas class="van-award__canvas" canvas-id="awardCanvas"></canvas>
    </view>
    <image src="{{closeImageURL}}" class="van-award__close" bindtap="buttonTapHandler"></image>
  </view>
</view>
