东风启辰小程序端
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.

91 lines
6.2KB

  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=004'}}"></image>
  6. <!-- <view class="gameTitle">幸运星抓手</view> -->
  7. <image class="gameTitle" src="{{imgUrl+'/images/luckyTitle.png'}}"></image>
  8. <view class="downTime">{{'00:'+downNum}}</view>
  9. <image class="prizeIcon2" src="{{imgUrl+'/images/prizeIcon2.png?v=003'}}"></image>
  10. <image class="gameClaw {{!gameEnd?'gameClaw2':''}}" style="top:{{clawTop}}rpx;left:{{clawLeft}}rpx;transform: scale({{clawScale}});" src="{{imgUrl+'/images/gameClaw'+(clawType?2:1)+'.png'}}"></image>
  11. <image class="prizeIcon1" src="{{imgUrl+'/images/prizeIcon1.png?v=003'}}"></image>
  12. <view class="getPrizeTip">
  13. <view class="prizeTipLine"></view>
  14. <view class="prizeTipText">他们都中奖了</view>
  15. <view class="prizeTipLine"></view>
  16. </view>
  17. <view class="tipContentGroup">
  18. <view class="textFrame">
  19. <text space="emsp" animation="{{ani}}" class="tipContent">{{gameAwardList}}</text>
  20. </view>
  21. <view class="scrollMask"></view>
  22. </view>
  23. <view class="prizeLookGroup">
  24. <image class="prizeLook" bindtap="prizeLook" src="{{imgUrl+'/btns/luckyPrize.png'}}"></image>
  25. </view>
  26. <view class="gameControlFrame">
  27. <view class="gameControlGroup">
  28. <view class="btnControlL" bindtouchstart="startClaw" bindtouchend="endClaw" data-direction="L">
  29. <image wx:if="{{btnGroup.left}}" class="luckyLeft" src="{{imgUrl+'/btns/luckyLeft.png'}}"></image>
  30. </view>
  31. <view class="btnControlR" bindtouchstart="startClaw" bindtouchend="endClaw" data-direction="R">
  32. <image wx:if="{{btnGroup.right}}" class="luckyRight" src="{{imgUrl+'/btns/luckyRight.png'}}"></image>
  33. </view>
  34. <view class="btnControlT" bindtouchstart="startClaw" bindtouchend="endClaw" data-direction="T">
  35. <image wx:if="{{btnGroup.top}}" class="luckyTop" src="{{imgUrl+'/btns/luckyTop.png'}}"></image>
  36. </view>
  37. <view class="btnControlB" bindtouchstart="startClaw" bindtouchend="endClaw" data-direction="B">
  38. <image wx:if="{{btnGroup.bottom}}" class="luckyBottom" src="{{imgUrl+'/btns/luckyBottom.png'}}"></image>
  39. </view>
  40. </view>
  41. </view>
  42. <view class="gameGetBtn" bindtouchstart="openClaw">
  43. <image class="luckyClaw" wx:if="{{btnGroup.claw}}" src="{{imgUrl+'/btns/luckyClaw.png'}}"></image>
  44. </view>
  45. </view>
  46. <image bindtap="openGameRule" wx:if="{{!ruleShow}}" class="gameRuleBtn" src="{{imgUrl+'/images/luckyGameRule.png'}}"></image>
  47. <image bindtap="openGameRule" wx:if="{{ruleShow}}" class="gameRuleBtn" src="{{imgUrl+'/images/luckyGameRule2.png'}}"></image>
  48. <image bindtap="cutPage" class="gameTip" src="{{imgUrl+'/images/luckyGetMoney.png'}}"></image>
  49. <view class="gameRuleDesc" wx:if="{{ruleShow}}">
  50. <view class="ruleGroup">
  51. <image class="gameRuleIcon" src="{{imgUrl+'/images/gameRuleDesc.png'}}"></image>
  52. <image class="gameRuleClose" wx:if="{{ruleCloseShow}}" bindtap="closeRule" src="{{imgUrl+'/star/closebtn.png'}}"></image>
  53. <view class="gameStrat" bindtap="gameStart"><image style="width:100%;height:100%;" src="{{imgUrl+'/btns/gameStart.png'}}"></image><button wx:if="{{!userData}}" style="min-height:0;width: 277rpx;height: 50rpx;" bindgetuserinfo="getUserWxMsg" class="getUserMsgBtn" open-type="getUserInfo" lang="zh_CN"></button></view>
  54. </view>
  55. </view>
  56. <view class="gameRuleDesc" style="background-color:rgba(000,000,000,0)" wx:if="{{false}}">
  57. </view>
  58. <view class="successPop" wx:if="{{pizeTip}}">
  59. <view class="successGroup" wx:if="{{pizeTip==1}}">
  60. <image class="luckyPizeType" src="{{imgUrl+'/images/luckyPizeType1.png'}}"></image>
  61. <image class="gameRuleClose" bindtap="closeWindow" style="top:-5rpx;right:-5rpx;" src="{{imgUrl+'/star/closebtn.png'}}"></image>
  62. <!-- <image class="successIcon" src="{{imgUrl+'/images/successIcon.png'}}"></image>
  63. <view class="titleGroup"></view>
  64. <view class="successTip">幸运满格,大奖到手</view> -->
  65. <image class="prizePic" src="{{endGameData.awardPicUrl}}" mode="aspectFit"></image>
  66. <view class="prizeName">{{endGameData.awardName}}</view>
  67. <!-- <image class="prizePic" src="https://dongfengqichen.jiyou-tech.com/storage/app/public/award/17_1.png" mode="aspectFit"></image>
  68. <view class="prizeName">NITORI电动太空舱按摩椅</view> -->
  69. <image class="startRegister" style="margin:0;" wx:if="{{(!isAddress && endGameData.needAddress!=0)}}" bindtap="userRegister" src="{{imgUrl+'/images/luckyPizeTip1.png'}}"></image>
  70. <!-- <view class="startRegister" wx:if="{{(!isAddress && endGameData.needAddress!=0)}}" bindtap="userRegister">立即领取</view> -->
  71. </view>
  72. <view class="successGroup" wx:if="{{pizeTip==2 || pizeTip==3}}">
  73. <image class="luckyPizeType" src="{{imgUrl+'/images/luckyPizeType2.png'}}"></image>
  74. <image class="gameRuleClose" bindtap="closeWindow" style="top:-5rpx;right:-5rpx;" src="{{imgUrl+'/star/closebtn.png'}}"></image>
  75. <!-- <image class="successIcon" src="{{imgUrl+'/images/failIcon.png'}}"></image>
  76. <view class="titleGroup"></view>
  77. <view class="failText" style="margin-top:113rpx;">运气就差一点点</view>
  78. <view class="failText" style="margin-top:20rpx;margin-bottom:82rpx;">重整旗鼓再来抓</view> -->
  79. <view class="startRegister" wx:if="{{pizeTip==2}}">
  80. <image style="width:100%;height:100%;" src="{{imgUrl+'/images/luckyPizeTip2.png'}}"></image><button open-type="share" class="shareBtn" style="width:100%;height:100%;margin:0;padding:0;min-height:0;"></button></view>
  81. <image class="startRegister" bindtap="userRegister" wx:if="{{pizeTip==3}}" src="{{imgUrl+'/images/luckyPizeTip3.png'}}"></image>
  82. <!-- <view class="startRegister" bindtap="userRegister" wx:if="{{pizeTip==3}}">立即注册,探索更多星探好礼</view> -->
  83. </view>
  84. </view>
  85. <view class="downTimeGroup" wx:if="{{startDown!=-1}}">
  86. <image class="luckyNum" src="{{imgUrl+'/images/luckyNum'+startDown+'.png'}}"></image>
  87. </view>
  88. </view>
  89. <tabBar></tabBar>
  90. </view>