game.wxml 8.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170
  1. <view class="main">
  2. <button wx:if="{{authEnter}}" class="auth_enter" open-type="getUserInfo" bindgetuserinfo="getUserInfoFun"></button>
  3. <!-- 分享按钮 -->
  4. <view class="share" wx:if="{{auth.share === 2}}">
  5. <!-- <button bindtap='ChangeShare' data-show="{{1}}"> -->
  6. <button open-type='share'>
  7. <image src='/image/icon_share.png'></image>
  8. <!-- <text>分享</text> -->
  9. </button>
  10. </view>
  11. <!-- 分享目标 -->
  12. <view class='shareMask' bindtap="showShare" data-show="{{0}}" wx:if="{{ShowShareMask}}">
  13. <view class='menu'>
  14. <image class="share_close" src="/image/icon_close.png"></image>
  15. <button class='menu_item' open-type='share'>
  16. <image src='/image/weixin.png'></image>
  17. <text>微信</text>
  18. </button>
  19. <button class='menu_item' catchtap='shareCircles'>
  20. <image src='/image/pengyouquan.png'></image>
  21. <text>朋友圈</text>
  22. </button>
  23. </view>
  24. </view>
  25. <!-- 分享海报 -->
  26. <view class='shareCircles' style='display: {{ ShowshareCirclesMask ? "block" : "none" }}'>
  27. <view class='task' bindtap='CloseshareCircles'></view>
  28. <view class='content'>
  29. <view class='main_img'>
  30. <canvas canvas-id="shareCanvas" style="width:466rpx;height:828rpx"></canvas>
  31. </view>
  32. <text class='prompt'>分享海报到朋友圈邀请好友一起赚钱</text>
  33. <button class='btn' bindtap='saveMemQRcode'>保存图片</button>
  34. </view>
  35. </view>
  36. <!-- 收藏入口 -->
  37. <view class="{{['storeUp', favStyle]}}" wx:if="{{auth.favorite === 2}}" bindtap='ChangeStoreUp' data-show="{{1}}">
  38. <image src='/image/shouye_shoucang_ios.png' wx:if="{{system.platform === 'ios'}}"></image>
  39. <image src='/image/shouye_shoucang.png' wx:else></image>
  40. </view>
  41. <!-- 收藏弹层 -->
  42. <view class='storeUpMask' wx:if="{{ShowStoreUpMask}}" bindtap='ChangeStoreUp' data-show="{{0}}">
  43. <image src='/image/icon_shoucanhezitishi.png'></image>
  44. <view class='text'>
  45. <view class='title'>收藏盒子,回家不迷路</view>
  46. <view class='step'>点击
  47. <text>“右上角三个点”</text>
  48. </view>
  49. <view class='step'>点击
  50. <text wx:if="{{system.platform === 'ios'}}">“添加到我的小程序”</text>
  51. <text wx:else>“添加到桌面”</text>
  52. </view>
  53. <view class='step' wx:if="{{system.platform !== 'ios'}}">通过<text>“桌面”</text>打开盒子奖励
  54. <text style="font-weight: bold; margin-left: 10rpx;">{{mpType === 'gd' ? '10金币' : '0.1-1元'}}</text></view>
  55. </view>
  56. </view>
  57. <!-- 红包入口 -->
  58. <view class="rp2 {{['redPack', redStyle]}}" bindtap="routeTips" wx:if="{{auth.red === 2 && userInfo.rp_type == 2}}">
  59. <image class="icon__redpack" src="/image/shouye_chouhongbao.png">
  60. <text class='text__money'>{{userInfo.balance}}元</text></image>
  61. </view>
  62. <view class="rp1 {{['redPack', redStyle]}}" bindtap="routeTips" wx:elif="{{auth.red === 2 && userInfo.rp_type == 1}}">
  63. <image class="icon__redpack" src="/image/icon_lottery.png"></image>
  64. </view>
  65. <!-- <view class="{{['redPack', redStyle]}}" bindtap="routeTips" wx:if="{{auth.red === 2}}">
  66. <image class='bg1' src='/image/shouye_xiaohongbao3.png'></image>
  67. <image class='bg2' src='/image/shouye_xiaohongbao2.png'></image>
  68. <image class='bg3' src='/image/shouye_xiaohongbao1.png'></image>
  69. <view class='text' wx:if="{{mpType === 'rp'}}">{{userInfo.balance}}<text>元</text></view>
  70. <block wx:elif="{{mpType === 'gd'}}">
  71. <view class='text' wx:if="{{userInfo.my_integral < 10000}}">{{userInfo.my_integral}}<text>金币</text></view>
  72. <view class='text' wx:else><text style="font-size: 28rpx; color: #ff0; padding-left: 0;">金币抽奖</text></view>
  73. </block>
  74. </view> -->
  75. <!-- 新用户红包 -->
  76. <view class='redPackMask' wx:if="{{ShowRedPackMask}}">
  77. <view class='content {{redAnimation ? "packAnimation" : ""}}'>
  78. <image class='bg' src='/image/shouye_icon_hongbaobeijing{{getSuccess ? 2 : ""}}.png'></image>
  79. <view class='info info1' wx:if="{{getSuccess}}">
  80. <text class='info1_top'>恭喜!</text>
  81. <view class='info1_des'>现金 <text>{{redPackAward}}</text> 元已入账</view>
  82. <!-- <view class='info1_des' wx:elif="{{mpType === 'gd'}}"><text>{{redPackAward}}</text> 金币已入账</view> -->
  83. <text class='info1_tips'>满一定金额,可提现至微信</text>
  84. <button class='info1_save' bindtap='CloseRedPack'>立即查看</button>
  85. </view>
  86. <view class='info info2' wx:else>
  87. <image class='info2_avatar' src='{{redIcon}}'></image>
  88. <text class='info2_title'>{{redName}}</text>
  89. <text class='info2_des'>给你发一个红包</text>
  90. <text class='info2_text'>恭喜发财,大吉大利</text>
  91. <button class='info2_open' open-type="getUserInfo" bindgetuserinfo="getUserInfoFun">
  92. <image src='/image/hongbao2.png'></image>
  93. </button>
  94. </view>
  95. </view>
  96. </view>
  97. <!-- 轮播图 -->
  98. <view class="banner">
  99. <swiper circular="{{true}}" indicator-dots="{{false}}" duration="500" interval="4000" autoplay="true">
  100. <block wx:for="{{playGame.topads.list}}" wx:key="{{item.game_id}}">
  101. <swiper-item>
  102. <view class="banner_item">
  103. <navigator wx:if="{{item.need_popup !== 2}}" target="miniProgram" app-id="{{item.mini_app_id}}" version="release" path="{{item.url}}" bindsuccess="openGame" id="{{item.game_id}}">
  104. <image src="{{item.image}}" mode="aspectFill"></image>
  105. </navigator>
  106. <view bindtap="openGame" data-id="{{item.game_id}}" wx:else>
  107. <image src="{{item.image}}" mode="aspectFill" bindtap="showPop" data-entrance="{{item.entrance_image}}"></image>
  108. </view>
  109. </view>
  110. </swiper-item>
  111. </block>
  112. </swiper>
  113. </view>
  114. <!-- 游戏分栏目展示 -->
  115. <block wx:for="{{playGame.list}}" wx:key="{{item.type_id}}">
  116. <view class="listtitle">
  117. <image class="icon" src="{{item.image}}"></image>
  118. <text class="name">{{item.type_name}}</text>
  119. <!-- <text class="more" bindtap="routeAll" data-title="{{item.type_name}}" data-type="{{item.type_id}}">更多</text> -->
  120. </view>
  121. <view class="gameWrap" wx:if="{{item.item_cnt !== 2}}">
  122. <view class="gameWrap_item" wx:for="{{item.gamelist}}" wx:for-item="game" wx:key="{{game.game_id}}" bindtap="openGame" data-id="{{game.game_id}}">
  123. <navigator wx:if="{{game.need_popup !== 2}}" target="miniProgram" app-id="{{game.mini_app_id}}" version="release" path="{{game.url}}">
  124. <view class="icon">
  125. <image src="{{game.icon}}"></image>
  126. <text class="reward" wx:if="{{game.is_add === 1 && auth.gain === 2 && mpType === 'rp'}}">{{userInfo.rp_type == 2 ?game.mem_agent_reward : ''}}红包</text>
  127. <text class="reward" wx:elif="{{game.is_add === 1 && auth.gain === 2 && mpType === 'gd'}}">{{userInfo.rp_type == 2 ?game.mem_agent_integral : ''}}金币</text>
  128. </view>
  129. <view class="name">{{game.gamename}}</view>
  130. <view class="num">{{(game.down_cnt - game.down_cnt % 10000) / 10000 || 1}}万人在玩</view>
  131. </navigator>
  132. <view class="entrance" wx:else bindtap="showPop" data-entrance="{{game.entrance_image}}">
  133. <view class="icon">
  134. <image src="{{game.icon}}"></image>
  135. <text class="reward" wx:if="{{game.is_add === 1 && auth.gain === 2 && mpType === 'rp'}}">{{userInfo.rp_type == 2 ?game.mem_agent_reward : ''}}红包</text>
  136. <text class="reward" wx:elif="{{game.is_add === 1 && auth.gain === 2 && mpType === 'gd'}}">{{userInfo.rp_type == 2 ?game.mem_agent_integral : ''}}金币</text>
  137. </view>
  138. <view class="name">{{game.gamename}}</view>
  139. <view class="num">{{(game.down_cnt - game.down_cnt % 10000) / 10000 || 1}}万人在玩</view>
  140. </view>
  141. </view>
  142. </view>
  143. <view class="gameCard" wx:if="{{item.item_cnt === 2}}">
  144. <block wx:for="{{item.gamelist}}" wx:for-item="game" wx:key="{{game.game_id}}">
  145. <navigator wx:if="{{game.need_popup !== 2}}" class="gameCard_item" target="miniProgram" app-id="{{game.mini_app_id}}" version="release" path="{{game.url}}" bindtap="openGame" data-id="{{game.game_id}}">
  146. <image src="{{game.icon}}"></image>
  147. </navigator>
  148. <view class="gameCard_item" wx:else bindtap="showPop" data-entrance="{{game.entrance_image}}">
  149. <image src="{{game.icon}}"></image>
  150. </view>
  151. </block>
  152. </view>
  153. <view class="advertising" wx:if="{{item.ads.game_id}}">
  154. <navigator wx:if="{{item.need_popup !== 2}}" target="miniProgram" app-id="{{item.ads.mini_app_id}}" version="release" path="{{item.ads.url}}" bindtap="openGame" data-id="{{item.ads.game_id}}">
  155. <image src="{{item.ads.image}}" mode="aspectFill"></image>
  156. </navigator>
  157. <view wx:else bindtap="showPop" data-entrance="{{item.entrance_image}}">
  158. <image src="{{item.ads.image}}" mode="aspectFill"></image>
  159. </view>
  160. </view>
  161. </block>
  162. </view>