redpacket.wxml 8.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180
  1. <view class="bg">
  2. <!-- 头部 -->
  3. <view class="red_top">
  4. <form bindsubmit="getRule" report-submit="{{true}}" >
  5. <button class="button red_rule" formType="submit">规则</button>
  6. </form>
  7. <view class="red_price">第五创已送出{{d5cPacket / 100}}元</view>
  8. <image class="red_top_fu" src="https://fohow.oss-cn-shenzhen.aliyuncs.com/xcx/xcx/redpacket/fu.png"></image>
  9. </view>
  10. <!-- 红包按钮 -->
  11. <view class="red_btnBg">
  12. <view class="red_btnLeft">
  13. <form class="btnLeft_form" bindsubmit="lookRedPacket" report-submit="{{true}}" >
  14. <button class="button red_btn" formType="submit" >查看红包</button>
  15. </form>
  16. <!-- <view class="red_btn">查看红包</view> -->
  17. </view>
  18. <view class="red_btnRight">
  19. <form bindsubmit="formSubmit" report-submit="{{true}}" >
  20. <button class="button send_btn" formType="submit" open-type="share">
  21. 我要养红包
  22. <view class="button_packet"></view>
  23. </button>
  24. </form>
  25. <!-- <view class="red_btn">我要发红包</view> -->
  26. </view>
  27. <view class="clean"></view>
  28. </view>
  29. <!-- 红包成长 -->
  30. <view class="red_growBg">
  31. <view class="red_growBorder_left red_growBorder"></view>
  32. <view class="red_growBorder_right red_growBorder"></view>
  33. <view class="red_growBorder_top red_growBorder"></view>
  34. <view class="red_growBorder_bottom red_growBorder"></view>
  35. <view class="red_growText"><text class="red_wang">汪汪~</text>恭喜红包成长到</view>
  36. <view class="red_gorw_price"><text class="red_yuan">¥</text><currency symbol="" value="{{selfPacket + allPacket}}" ></currency></view>
  37. <form bindsubmit="updatePrice" report-submit="{{true}}" >
  38. <button class="button red_price_update" formType="submit" ></button>
  39. </form>
  40. </view>
  41. <!-- 我的好友领到的红包 -->
  42. <view class="red_friendBg">
  43. <view class="red_friend">
  44. <view class="red_friend_title">
  45. 看看谁领了我的红包
  46. </view>
  47. <view bindtap="getPopup" data-val="{{item}}" class="red_friend_line" wx:for="{{friendList}}" wx:key="{{index}}">
  48. <image class="red_friend_head" src="{{item.wx_user.head}}"></image>
  49. <view class="red_friend_left">
  50. <view class="red_friend_num">No.{{item.rank}}</view>
  51. <view class="red_friend_name ellipsis" wx:if="{{item.wx_user.nickname}}">{{item.wx_user.nickname}}</view>
  52. <view class="red_friend_name ellipsis" wx:if="{{!item.wx_user.nickname}}">微信用户</view>
  53. </view>
  54. <view class="red_friend_price" wx:if="{{item.is_me === 1}}"><currency symbol="¥" value="{{item.lucky_money.receive_bonus}}" ></currency></view>
  55. <view class="red_friend_price_black" wx:if="{{item.is_me !== 1}}"><currency symbol="¥" value="{{item.lucky_money.receive_bonus}}" ></currency></view>
  56. <view class="red_friend_big" wx:if="{{item.is_me === 1 && item.lucky_money.money_type === 1}}">大红包</view>
  57. <view class="red_friend_fire" wx:if="{{(item.is_me !== 1) && item.lucky_money.invite_reward_bonus > 0}}">
  58. <view class="red_fire"></view>
  59. <view class="red_fire_text">+{{item.lucky_money.invite_reward_bonus / 100}}</view>
  60. </view>
  61. <view class="clean"></view>
  62. </view>
  63. <view class="red_page_bg">
  64. <view class="red_page">
  65. <form bindsubmit="friendUp" report-submit="{{true}}" >
  66. <button class="button red_page_block" formType="submit" >
  67. <view class="red_page_left"></view>
  68. </button>
  69. </form>
  70. <view class="red_page_text">{{friend.page}}/{{friend.page_count}}</view>
  71. <form bindsubmit="friendDown" report-submit="{{true}}" >
  72. <button class="button red_page_block" formType="submit">
  73. <view class="red_page_right"></view>
  74. </button>
  75. </form>
  76. <view class="clean"></view>
  77. </view>
  78. </view>
  79. </view>
  80. </view>
  81. <!-- 第五创新春红包领取排行 -->
  82. <view class="red_rankBg">
  83. <view class="red_rank">
  84. <view class="red_rank_textBg">
  85. <view class="red_rank_text">第五创新春红包领取排行</view>
  86. </view>
  87. <view class="red_rank_title"></view>
  88. <view class="red_rank_line" wx:for="{{rankList}}" wx:key="{{index}}">
  89. <image class="red_rank_head" src="{{item.wx_user.head}}"></image>
  90. <view class="red_friend_left">
  91. <view class="red_friend_num">No.{{item.rank}}</view>
  92. <view class="red_friend_name ellipsis" wx:if="{{item.wx_user.nickname}}">{{item.wx_user.nickname}}</view>
  93. <view class="red_friend_name ellipsis" wx:if="{{!item.wx_user.nickname}}">微信用户</view>
  94. </view>
  95. <view class="red_friend_price" wx:if="{{item.lucky_money.receive_bonus > 0 && item.lucky_money.money_type === 1}}"><currency symbol="¥" value="{{item.lucky_money.receive_bonus}}" ></currency></view>
  96. <view class="red_friend_price_black" wx:if="{{item.lucky_money.receive_bonus > 0 && item.lucky_money.money_type !== 1}}"><currency symbol="¥" value="{{item.lucky_money.receive_bonus}}" ></currency></view>
  97. <view class="red_friend_price" wx:if="{{item.lucky_money.receive_bonus <= 0}}">未拆开</view>
  98. <view class="red_friend_big" wx:if="{{item.lucky_money.money_type === 1}}">大红包</view>
  99. <view class="clean"></view>
  100. </view>
  101. <view class="red_page_bg">
  102. <view class="red_page">
  103. <form bindsubmit="rankUp" report-submit="{{true}}" >
  104. <button class="button red_page_rank_block" formType="submit" >
  105. <view class="red_page_left"></view>
  106. </button>
  107. </form>
  108. <view class="red_page_text">{{rank.page}}/{{rank.page_count}}</view>
  109. <form bindsubmit="rankDown" report-submit="{{true}}" >
  110. <button class="button red_page_rank_block" formType="submit" >
  111. <view class="red_page_right"></view>
  112. </button>
  113. </form>
  114. <view class="clean"></view>
  115. </view>
  116. </view>
  117. </view>
  118. </view>
  119. </view>
  120. <!-- 红包 -->
  121. <view class="redpacket_bg" wx:if="{{redpacketShow}}">
  122. <!-- 未打开 -->
  123. <view class="redpacket_close" wx:if="{{!redpacketOpen}}">
  124. <form class="chai_from" bindsubmit="robLuckyMoney" report-submit="{{true}}" >
  125. <button animation="{{openA}}" class="button redpacket_chai" formType="submit"></button>
  126. </form>
  127. <!-- <view animation="{{openA}}" class="redpacket_chai" bindtap="openPacket"></view> -->
  128. <view class="open_ad">
  129. <view class="ad_headbg">
  130. <view class="ad_head">
  131. <image class="ad_head_left" src="https://fohow.oss-cn-shenzhen.aliyuncs.com/xcx/xcx/redpacket/ad/d5clogo.jpg"></image>
  132. <view class="ad_head_center">&</view>
  133. <image class="ad_head_right" src="{{ad.partner_logo_url}}"></image>
  134. <view class="clean"></view>
  135. </view>
  136. <view class="ad_text_bg">
  137. <view class="ad_text_left">第五创</view>
  138. <view class="ad_text_right">{{ad.partner_name}}</view>
  139. </view>
  140. <view class="ad_text">发了一个红包,金额随机</view>
  141. <form class="ad_from" bindsubmit="getAd" report-submit="{{true}}" >
  142. <button class="button ad_iamge_bg" formType="submit">
  143. <image class="ad-iamge" src="{{ad.ad_pic_url}}"></image>
  144. </button>
  145. </form>
  146. </view>
  147. </view>
  148. </view>
  149. <!-- 打开 -->
  150. <view class="redpacket_open" wx:if="{{redpacketOpen}}">
  151. <view class="redpacket_open_block">
  152. <view class="redpacket_open_text">恭喜领到元气小包,汪汪汪!</view>
  153. <view class="redpacket_open_price"><text class="redpacket_open_yuan"></text><currency symbol="¥" value="{{selfPacket}}" ></currency></view>
  154. </view>
  155. <view class="close_ad">
  156. <view class="ad_headbg">
  157. <view class="ad_head">
  158. <image class="ad_head_left" src="https://fohow.oss-cn-shenzhen.aliyuncs.com/xcx/xcx/redpacket/ad/d5clogo.jpg"></image>
  159. <view class="ad_head_center">&</view>
  160. <image class="ad_head_right" src="{{ad.partner_logo_url}}"></image>
  161. <view class="clean"></view>
  162. </view>
  163. <view class="ad_text_bg">
  164. <view class="ad_text_left">第五创</view>
  165. <view class="ad_text_right">{{ad.partner_name}}</view>
  166. </view>
  167. <view class="ad_text">祝您新年快乐,狗年大吉</view>
  168. <form class="ad_from" bindsubmit="getAd" report-submit="{{true}}" >
  169. <button class="button ad_iamge_bg" formType="submit">
  170. <image class="ad-iamge" src="{{ad.ad_pic_url}}"></image>
  171. </button>
  172. </form>
  173. </view>
  174. </view>
  175. <form bindsubmit="closePacket" report-submit="{{true}}" >
  176. <button class="button close_red" formType="submit"></button>
  177. </form>
  178. </view>
  179. </view>