<view class="lucky-box" style="width: {{width}}; height: {{height}}">
  <canvas
    type="2d"
    class="lucky-canvas"
    id="lucky-grid"
    canvas-id="lucky-grid"
    bindtouchstart="handleClickOfCanvas"
    style="width: {{width}}; height: {{height}}; visibility: {{showCanvas ? 'visible' : 'hidden'}}"
  ></canvas>
  <image
    wx:if="{{luckyImg}}"
    src="{{luckyImg}}"
    class="lucky-img"
    mode="scaleToFill"
    bindload="luckyImgLoad"
    bindtouchstart="handleClickOfImg"
    style="width: {{width}}; height: {{height}}"
  ></image>
  <view>
    <view wx:if="{{isShow}}" wx:for="{{prizes}}" wx:key="index" wx:for-index="index" wx:for-item="prize" style="visibility: hidden; height: 0">
      <view wx:for="{{prize.imgs}}" wx:key="i" wx:for-index="i" wx:for-item="img">
        <image src="{{img.src}}" data-name="prizes" data-index="{{index}}" data-i="{{i}}" bindload="imgBindload"></image>
        <image src="{{img.activeSrc}}" data-name="prizes" data-index="{{index}}" data-i="{{i}}" bindload="imgBindloadActive"></image>
      </view>
    </view>
  </view>
  <view>
    <view wx:if="{{isShow}}" wx:for="{{buttons}}" wx:key="index" wx:for-index="index" wx:for-item="btn" style="visibility: hidden; height: 0">
      <view wx:for="{{btn.imgs}}" wx:key="i" wx:for-index="i" wx:for-item="img">
        <image src="{{img.src}}" data-name="buttons" data-index="{{index}}" data-i="{{i}}" bindload="imgBindload"></image>
      </view>
    </view>
  </view>
</view>