lottery.wxml 4.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109
  1. <view>
  2. <view class='topCard'>
  3. <view class='user'>
  4. <view class='avatar'>
  5. <image src="{{userInfo.avatar}}"></image>
  6. </view>
  7. <view class='name'>{{userInfo.nickname}}</view>
  8. <button class="record" bindtap="routeTo" data-url="/pages/record/index">明细</button>
  9. </view>
  10. <view class='balance'>
  11. <view class='balance_item'>
  12. <image class='balance_icon' src='/image/zhuanpan_jinbi.png'></image>
  13. <view class='balance_num'>{{lotteryInfo.my_integral}}</view>
  14. </view>
  15. <view class='balance_item'>
  16. <image class='balance_icon' src='/image/zhuanpan_hongbao.png'></image>
  17. <view class='balance_num'>¥{{lotteryInfo.balance}}元</view>
  18. <button class='balance_btn reward' bindtap="OpenWithdraw" data-status="1">提现</button>
  19. </view>
  20. </view>
  21. </view>
  22. <view class='main'>
  23. <view class='dial' id='dial'>
  24. <image class='bg' src='/image/zhuanpan_dipan{{bgFlag ? "2" : ""}}.png'></image>
  25. <image class='prize' animation="{{animationData}}" src='{{lotteryInfo.roulette_img}}'></image>
  26. <image class='play' bindtap='start' src='{{lotteryInfo.pointer_img}}'></image>
  27. </view>
  28. </view>
  29. <view class='prompt'>
  30. {{lotteryInfo.cost_integral * 1}}金币/次<text>(100%中奖)</text>
  31. </view>
  32. <view class='earn'>
  33. <swiper class='Carousel' circular="true" indicator-dots="{{false}}" interval="{{3000}}" duration="{{500}}" previous-margin="{{0}}" autoplay="{{true}}">
  34. <block wx:for="{{lotteryInfo.award_ad.list}}" wx:key="{{index}}">
  35. <swiper-item class="Carousel_item">
  36. <image class='icon' src='{{item.avatar}}'></image>
  37. <view class='text'>
  38. <text class='name'>{{item.username}}</text> 成功抽取
  39. <text class='text-color-money'>{{item.award_name}}</text>
  40. </view>
  41. </swiper-item>
  42. </block>
  43. </swiper>
  44. <view class='to' bindtap='showGuide' data-url="/pages/tips/tips">
  45. <button>获取金币</button>
  46. </view>
  47. </view>
  48. <view class='rule'>
  49. <text class='title'>活动规则</text>
  50. <view class="cell" wx:for="{{lotteryInfo.desc_list}}" wx:key="{{index}}" wx:>{{item}}</view>
  51. <!-- <view class='cell'>活动长期有效,结束时间以公众号通知为准。</view>
  52. <view class='cell'>每20金币抽奖一次,每日不限次数。</view>
  53. <view class='cell'>红包奖励直接发放到账户余额,可关注公众号“{{mpGzh}}”提现。</view>
  54. <view class='cell'>实物奖励请联系公众号客服登记中奖信息,核实信息后奖品将于7个工作日发放。</view> -->
  55. </view>
  56. <!-- 提示提现 -->
  57. <view class='redPackMask' wx:if="{{ShowRed}}">
  58. <view class='content {{redAnimation ? "packAnimation" : ""}}'>
  59. <image class='bg' src='/image/shouye_icon_hongbaobeijing2.png'></image>
  60. <view class='info'>
  61. <view class='info_top'>恭喜!</view>
  62. <view class='info_text'>你当前红包余额:
  63. <text>{{lotteryInfo.balance}}元</text>
  64. </view>
  65. <view class='info_tips'>点击抽奖页面右上角提现按钮也可提现</view>
  66. <button class='info_save' bindtap='withdrawFun'>立即提现</button>
  67. </view>
  68. </view>
  69. </view>
  70. <component-modal title="{{ModalConfig.title}}" content="{{ModalConfig.content}}" ModalType="{{ModalConfig.ModalType}}" ShowModal="{{ModalConfig.visible}}" bind:click="hideModal">
  71. <view class="lottery__content" wx:if="{{lotteryInfo.has_award === 2 && lotteryInfo.is_real == 1}}">
  72. <text>恭喜获得</text>
  73. <image class="lottery__img" src="{{lotteryInfo.original_img}}"></image>
  74. <text class="lottery__name">{{lotteryInfo.award_name}}</text>
  75. </view>
  76. </component-modal>
  77. </view>
  78. <view class="to-withdraw" wx:if="{{howToWithdraw}}" bindtap="hideWithdraw">
  79. <view class="to-withdraw_inner">
  80. <image src='{{qrCode}}' class="to-withdraw_img"></image>
  81. <button class="to-withdraw_btn" bindtap="CloseWithdraw" data-status="0" open-type="contact" send-message-title='回复"1"获取关注链接' send-message-img="/image/fenxaingluodi.png" send-message-path="/pages/user/index?id={{userInfo.mem_id}}" bindcontact='contact'
  82. show-message-card>
  83. 继续
  84. </button>
  85. </view>
  86. </view>
  87. <view class="guide" wx:if="{{guideIsShow}}" bindtap="hideGuide">
  88. <view class="guide__inner">
  89. <text class="guide__head">分享规则</text>
  90. <view class="guide__body">
  91. <label>邀请好友1人,奖励<text>10-200金币</text>。</label>
  92. <label>好友玩标签 <text class="tag">金币</text> 游戏,你得奖励<text>1-30金币</text>/款。</label>
  93. <label>你玩标签 <text class="tag">金币</text> 游戏,奖励<text>1-30金币</text>/款。</label>
  94. </view>
  95. <view class="guide__foot">
  96. <button class="guide__rank" bindtap="routeTo" data-url="/pages/user/rank">排行榜</button>
  97. <button class="guide__share" open-type="share">立即邀请好友</button>
  98. </view>
  99. </view>
  100. </view>