lottery.wxml 3.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  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}}金币抽奖一次
  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> 成功抽取 <text class='text-color-money'>{{item.award_name}}</text>
  39. </view>
  40. </swiper-item>
  41. </block>
  42. </swiper>
  43. <view class='to' bindtap='routeTo' data-url="/pages/tips/tips">
  44. <button>获取金币</button>
  45. </view>
  46. </view>
  47. <view class='rule'>
  48. <text class='title'>活动规则</text>
  49. <view class="cell" wx:for="{{lotteryInfo.desc_list}}" wx:key="{{index}}" wx:>{{item}}</view>
  50. <!-- <view class='cell'>活动长期有效,结束时间以公众号通知为准。</view>
  51. <view class='cell'>每20金币抽奖一次,每日不限次数。</view>
  52. <view class='cell'>红包奖励直接发放到账户余额,可关注公众号“{{mpGzh}}”提现。</view>
  53. <view class='cell'>实物奖励请联系公众号客服登记中奖信息,核实信息后奖品将于7个工作日发放。</view> -->
  54. </view>
  55. <component-modal title="{{ModalConfig.title}}"
  56. content="{{ModalConfig.content}}"
  57. ModalType="{{ModalConfig.ModalType}}"
  58. ShowModal="{{ModalConfig.visible}}"
  59. bind:click="hideModal">
  60. <view class="lottery__content" wx:if="{{lotteryInfo.has_award === 2 && lotteryInfo.is_real == 1}}">
  61. <text>恭喜获得</text>
  62. <image class="lottery__img" src="{{lotteryInfo.original_img}}"></image>
  63. <text class="lottery__name">{{lotteryInfo.award_name}}</text>
  64. </view>
  65. </component-modal>
  66. </view>
  67. <view class="to-withdraw" wx:if="{{howToWithdraw}}" bindtap="hideWithdraw">
  68. <view class="to-withdraw_inner">
  69. <image src='{{qrCode}}' class="to-withdraw_img"></image>
  70. <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'
  71. show-message-card>
  72. 继续
  73. </button>
  74. </view>
  75. </view>