index.wxml 1.4 KB

12345678910111213141516171819202122232425262728293031323334
  1. <view class="lucky-box" style="width: {{width}}; height: {{height}}">
  2. <canvas
  3. type="2d"
  4. class="lucky-canvas"
  5. id="lucky-grid"
  6. canvas-id="lucky-grid"
  7. bindtouchstart="handleClickOfCanvas"
  8. style="width: {{width}}; height: {{height}}; visibility: {{showCanvas ? 'visible' : 'hidden'}}"
  9. ></canvas>
  10. <image
  11. wx:if="{{luckyImg}}"
  12. src="{{luckyImg}}"
  13. class="lucky-img"
  14. mode="scaleToFill"
  15. bindload="luckyImgLoad"
  16. bindtouchstart="handleClickOfImg"
  17. style="width: {{width}}; height: {{height}}"
  18. ></image>
  19. <view>
  20. <view wx:if="{{isShow}}" wx:for="{{prizes}}" wx:key="index" wx:for-index="index" wx:for-item="prize" style="visibility: hidden; height: 0">
  21. <view wx:for="{{prize.imgs}}" wx:key="i" wx:for-index="i" wx:for-item="img">
  22. <image src="{{img.src}}" data-name="prizes" data-index="{{index}}" data-i="{{i}}" bindload="imgBindload"></image>
  23. <image src="{{img.activeSrc}}" data-name="prizes" data-index="{{index}}" data-i="{{i}}" bindload="imgBindloadActive"></image>
  24. </view>
  25. </view>
  26. </view>
  27. <view>
  28. <view wx:if="{{isShow}}" wx:for="{{buttons}}" wx:key="index" wx:for-index="index" wx:for-item="btn" style="visibility: hidden; height: 0">
  29. <view wx:for="{{btn.imgs}}" wx:key="i" wx:for-index="i" wx:for-item="img">
  30. <image src="{{img.src}}" data-name="buttons" data-index="{{index}}" data-i="{{i}}" bindload="imgBindload"></image>
  31. </view>
  32. </view>
  33. </view>
  34. </view>