东风启辰小程序端
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

63 lines
3.6KB

  1. <!--pages/luckyStar/luckyStar.wxml-->
  2. <view class="all">
  3. <view class="main">
  4. <view class="gameMain">
  5. <image class="gameStarBg" src="{{imgUrl+'/images/gameStarBg.png?v=002'}}"></image>
  6. <view class="gameTitle">幸运星抓手</view>
  7. <view class="downTime">{{'00:'+downNum}}</view>
  8. <image class="prizeIcon2" src="{{imgUrl+'/images/prizeIcon2.png?v=002'}}"></image>
  9. <image class="gameClaw" style="top:{{clawTop}}rpx;left:{{clawLeft}}rpx;transform: scale({{clawScale}});" src="{{imgUrl+'/images/gameClaw.png'}}"></image>
  10. <image class="prizeIcon1" src="{{imgUrl+'/images/prizeIcon1.png?v=002'}}"></image>
  11. <view class="getPrizeTip">
  12. <view class="prizeTipLine"></view>
  13. <view class="prizeTipText">他们都中奖了</view>
  14. <view class="prizeTipLine"></view>
  15. </view>
  16. <view class="tipContentGroup">
  17. <view class="tipContent">恭喜XXX获得头等舱机票一张,恭喜XX获得20元美团代金券一张</view>
  18. </view>
  19. <view class="prizeLookGroup">
  20. <view class="prizeLook" bindtap="prizeLook">活动奖品</view>
  21. </view>
  22. <view class="gameControlFrame">
  23. <view class="gameControlGroup">
  24. <view class="btnControlL" bindtouchstart="startClaw" bindtouchend="endClaw" data-direction="L"></view>
  25. <view class="btnControlR" bindtouchstart="startClaw" bindtouchend="endClaw" data-direction="R"></view>
  26. <view class="btnControlT" bindtouchstart="startClaw" bindtouchend="endClaw" data-direction="T"></view>
  27. <view class="btnControlB" bindtouchstart="startClaw" bindtouchend="endClaw" data-direction="B"></view>
  28. </view>
  29. </view>
  30. <view class="gameGetBtn" bindtap="getClaw"></view>
  31. </view>
  32. <view bindtap="openGameRule" class="gameRuleBtn {{ruleShow?'gameRuleBtn2':''}}">游戏玩法</view>
  33. <view class="gameTip">500元待领取</view>
  34. <view class="gameRuleDesc" wx:if="{{ruleShow}}">
  35. <view class="ruleGroup">
  36. <image class="gameRuleIcon" src="{{imgUrl+'/images/gameRuleDesc.png'}}"></image>
  37. <image class="gameRuleClose" wx:if="{{ruleCloseShow}}" bindtap="closeRule" src="{{imgUrl+'/images/gameRuleClose.png'}}"></image>
  38. <view class="gameStrat" bindtap="gameStart">开始游戏</view>
  39. </view>
  40. </view>
  41. <view class="successPop" wx:if="{{pizeTip}}">
  42. <view class="successGroup" wx:if="{{pizeTip==1}}">
  43. <image class="gameRuleClose" style="top:-31rpx;right:-29rpx;" src="{{imgUrl+'/images/gameRuleClose.png'}}"></image>
  44. <image class="successIcon" src="{{imgUrl+'/images/successIcon.png'}}"></image>
  45. <view class="titleGroup"></view>
  46. <view class="successTip">幸运满格,大奖到手</view>
  47. <image class="prizePic" src="{{imgUrl+'/images/prizePic1.png'}}" mode="aspectFit"></image>
  48. <view class="prizeName">头等舱机票一张</view>
  49. <view class="startRegister">立即领奖</view>
  50. </view>
  51. <view class="successGroup" wx:if="{{pizeTip==2 || pizeTip==3}}">
  52. <image class="gameRuleClose" style="top:-31rpx;right:-29rpx;" src="{{imgUrl+'/images/gameRuleClose.png'}}"></image>
  53. <image class="successIcon" src="{{imgUrl+'/images/failIcon.png'}}"></image>
  54. <view class="titleGroup"></view>
  55. <view class="failText" style="margin-top:113rpx;">运气就差一点点</view>
  56. <view class="failText" style="margin-top:20rpx;margin-bottom:82rpx;">重整旗鼓再来抓</view>
  57. <view class="startRegister">{{pizeTip==2?"邀请好友一起来玩":"立即注册,探索更多星探好礼"}}</view>
  58. </view>
  59. </view>
  60. </view>
  61. <tabBar></tabBar>
  62. </view>