discover.wxml 9.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211
  1. <!--pages/discover/discover.wxml-->
  2. <view>
  3. <auth bindlogin="onShow" />
  4. <lip-sync />
  5. <!-- <cover-view style="position: fixed; z-index:999; top: 0; left: 0; width: 100%;background:#000;color:#fff; white-space:pre-wrap;">{{showCommodity}}</cover-view> -->
  6. <block wx:if="{{webviewUrl}}">
  7. <!-- <cover-view style="position: fixed; background-color: rgba(0,0,0,0.5); color: #fff;white-space:pre-wrap;">
  8. {{webviewUrl}}
  9. </cover-view> -->
  10. <web-view src="{{webviewUrl}}" bindload="loadWeb" bindmessage="webMessage"></web-view>
  11. </block>
  12. <cover-view class="tabs {{currTab === 'live' ? 'live-tabs' : ''}}" wx:if="{{showTab}}">
  13. <cover-view class="{{currTab === 'webview' ? 'active' : ''}} item" data-tab="webview" bindtap="changeTab">
  14. 空间<cover-view class="zw"></cover-view>
  15. </cover-view>
  16. <cover-view class="{{currTab === 'live' ? 'active' : ''}} item" data-tab="live" bindtap="changeTab">
  17. 直播<cover-view class="zw"></cover-view>
  18. </cover-view>
  19. </cover-view>
  20. <cover-view class="live" wx:if="{{currTab === 'live'}}">
  21. <cover-view class="item" wx:for="{{roomList}}" bindtap="gotoLive" key="{{item.roomId}}" data-item="{{item}}">
  22. <cover-view class="cover">
  23. <cover-image src="{{item.coverImgOss}}" class="img"></cover-image>
  24. <cover-view class="count">
  25. <cover-image class="icon" src="/static/images/view_data@2x.png"></cover-image>
  26. <cover-view class="text">126观看</cover-view>
  27. </cover-view>
  28. <cover-view class="state" style="background-color: rgba(0,0,0,0.{{item.liveStatus === 101 ? '1' : '7'}});">
  29. <cover-image src="/static/images/{{item.liveStatus === 101 ? 'state_live@2x.png' : item.liveStatus === 102 ? 'state_comingsoon@2x.png' : 'state_end@2x.png'}}"></cover-image>
  30. </cover-view>
  31. </cover-view>
  32. <cover-view class="info">
  33. <cover-view class="title">{{item.name}}</cover-view>
  34. <cover-view class="goods">
  35. <cover-view class="good" wx:for="{{item.liveRoomGoodsVos}}" key="{{item.goodsId}}" catchtap="liveGotoGood" data-item="{{item}}">
  36. <cover-image class="good-cover" src="{{item.coverImg}}"></cover-image>
  37. <cover-view class="money">¥{{item.price}}</cover-view>
  38. </cover-view>
  39. </cover-view>
  40. </cover-view>
  41. </cover-view>
  42. </cover-view>
  43. <cover-view class="mo" bindtap="hideCS" wx:if="{{numCode && (showCoupon || showContact )}}"></cover-view>
  44. <cover-view class="bgd" wx:if="{{numCode && (sendShare)}}"></cover-view>
  45. <cover-view class="dialog concat-view" wx:if="{{numCode && showContact}}">
  46. <cover-view class="icon" bindtap="hideContact">
  47. <cover-image src="../../static/images/list_close.png"></cover-image>
  48. </cover-view>
  49. <cover-view class="title ">联系我们</cover-view>
  50. <cover-view class="item">
  51. <button class="btn" open-type="contact" bindtap="contactKf">联系在线客服</button>
  52. <cover-view class="desc tp10">服务时间:24小时</cover-view>
  53. </cover-view>
  54. <cover-view class="item">
  55. <button class="btn" bindtap="callPhone">拨打电话</button>
  56. <cover-view class="desc tp10">客服热线:400-6066720</cover-view>
  57. <cover-view class="desc">服务时间:09:00 - 21:00</cover-view>
  58. </cover-view>
  59. </cover-view>
  60. <cover-view class="dialog invitation-view" wx:if="{{numCode && sendShare}}">
  61. <cover-view class="title">温馨提示</cover-view>
  62. <cover-view class="content">邀请好友一起逛,最多可邀请29位好友哦</cover-view>
  63. <cover-view class="btns">
  64. <button class="btn" open-type="share">微信邀请</button>
  65. <button class="cancel btn" bindtap="calcShare">取消</button>
  66. </cover-view>
  67. </cover-view>
  68. <cover-view class="commodity-ctrl" bindtap="showCommodityFn" wx:if="{{!showCommodity && numCode && showCommodityCtrl && goodsCount > 0 }}">
  69. <cover-image src="../../static/images/scene_listbg@3x.png" class="bg"></cover-image>
  70. <cover-image src="../../static/images/scene_shop_list.png" class="ig"></cover-image>
  71. <cover-view>商品({{goodsCount > 100 ? '99+' : goodsCount}})</cover-view>
  72. <!-- <cover-view>商品({{goodsCount < 100 ? '99+' : goodsCount}})</cover-view> -->
  73. </cover-view>
  74. <!-- <cover-view class="bottom-dialog commodity-view" wx:if="{{numCode && showCommodity}}">
  75. <cover-view class="title">
  76. <cover-view class="text">店铺中的商品 </cover-view>
  77. <cover-view class="icon" bindtap="hideComodity">
  78. <cover-image src="../../static/images/list_close.png" ></cover-image>
  79. </cover-view>
  80. </cover-view>
  81. <cover-view class="content">
  82. <cover-view class="c-tabs">
  83. <cover-view style="width: {{ comWidth + 20 }}px">
  84. <cover-view
  85. style="width: {{item.width }}px"
  86. wx:for="{{comtypes}}"
  87. wx:key="item.category_id"
  88. class="text {{currTypeId == item.category_id ? 'active': ''}}"
  89. data-item="{{item}}"
  90. bindtap="selectType">
  91. {{item.name}}{{'('+item.num+')'}}
  92. <cover-view></cover-view>
  93. </cover-view>
  94. </cover-view>
  95. <block wx:if="{{thumComtypes}}">
  96. <cover-view class="tabctrl" bindtap="changeShowComtypesAllTab" data-show="{{true}}">
  97. <cover-image src="/static/images/shoplist_open@3x.png"></cover-image>
  98. </cover-view>
  99. </block>
  100. </cover-view>
  101. <block wx:if="{{thumComtypes && showComtypesAllTab}}">
  102. <cover-view class="zz" bindtap="changeShowComtypesAllTab" data-show="{{false}}"></cover-view>
  103. <cover-view class="dialog-layer">
  104. <cover-view class="dialog-tabs">
  105. <cover-view wx:for="{{comtypes}}" wx:key="item.category_id" class="text {{currTypeId == item.category_id ? 'active': ''}}" data-item="{{item}}" bindtap="selectType">
  106. {{item.name}}{{'('+item.num+')'}}
  107. <cover-view></cover-view>
  108. </cover-view>
  109. </cover-view>
  110. <cover-view class="tabctrl" bindtap="changeShowComtypesAllTab" data-show="{{false}}">
  111. <cover-image src="/static/images/shoplist_retract@3x.png"></cover-image>
  112. </cover-view>
  113. </cover-view>
  114. </block>
  115. <cover-view class="commoditys">
  116. <cover-view class="commodity-item" wx:for="{{goodsList}}" key="{{item.id}}" bindtap="gotoGoods" data-item="{{item}}">
  117. <cover-image class="cover" src="{{item.list_pic_url}}"></cover-image>
  118. <cover-image class="scene-icon" src="/static/images/img_shop_scene@2x.png"></cover-image>
  119. <cover-view class="item-content">
  120. <cover-view class="desc">{{item.name}}</cover-view>
  121. <cover-view class="item-info">
  122. <cover-view class="c-money">
  123. <cover-view class="text">¥</cover-view>
  124. <cover-view class="text">{{item.retail_price}}</cover-view>
  125. </cover-view>
  126. <cover-view class="oper">
  127. <cover-view class="oper-btn" catchtap="addCard" data-id="{{item.id}}" >加入购物车</cover-view>
  128. <cover-view class="oper-btn" catchtap="buyGoods" data-id="{{item.id}}" >立即购买</cover-view>
  129. </cover-view>
  130. </cover-view>
  131. </cover-view>
  132. </cover-view>
  133. </cover-view>
  134. </cover-view>
  135. </cover-view> -->
  136. <cover-view class="bottom-dialog coupon-view" wx:if="{{numCode && showCoupon}}">
  137. <cover-view class="title">
  138. <cover-view class="text">店铺中的优惠券</cover-view>
  139. <cover-view class="icon">
  140. <cover-image src="../../static/images/list_close.png" bindtap="hideCoupon"></cover-image>
  141. </cover-view>
  142. </cover-view>
  143. <cover-view class="layer">
  144. <cover-view class="content">
  145. <cover-view wx:if="{{coupons.length !== 0}}">
  146. <cover-view wx:for="{{coupons}}" wx:key="{{item.id}}" class="{{item.hasReceived ? 'coupon-item' : item.number <= item.receiveNumber ? 'coupon-item diswan' : 'coupon-item'}}">
  147. <cover-view class="item-before"></cover-view>
  148. <cover-view class="item-after"></cover-view>
  149. <cover-view class="info-before"></cover-view>
  150. <cover-view class="info-after"></cover-view>
  151. <cover-view class="{{item.hasReceived ? 'used' : ''}} "></cover-view>
  152. <cover-view class="o-money">
  153. <cover-view class="poa" style="{{'font-size:' + item.fontSize }}">
  154. <cover-view class="money-before">¥</cover-view>
  155. {{item.typeMoney}}
  156. <!-- <cover-view class="money-after"></cover-view> -->
  157. </cover-view>
  158. </cover-view>
  159. <cover-view class="info">
  160. <cover-view class="full">{{item.name}}</cover-view>
  161. <button>
  162. {{
  163. item.sendType == 0 ? '全场赠券' :
  164. item.sendType == 1 ? '会员赠券' :
  165. item.sendType == 2 ? '购物赠券' :
  166. item.sendType == 3 ? '注册赠' : ''
  167. }}
  168. </button>
  169. <cover-view class="date">{{item.useStartDate}}-{{item.useEndDate}}</cover-view>
  170. </cover-view>
  171. <cover-view class="oper">
  172. <cover-image class="dotted" src="/static/images/img_cpline@3x.png"></cover-image>
  173. <cover-image src="/static/images/img_tabs_lack.png" wx:if="{{!item.hasReceived && item.number <= item.receiveNumber}}" class="lack"></cover-image>
  174. <cover-view wx:else bindtap="receive" data-item="{{item}}">{{item.hasReceived ? '已领取' : item.number <= item.receiveNumber ? '' : '立即领取'}}</cover-view>
  175. </cover-view>
  176. </cover-view>
  177. </cover-view>
  178. <cover-view wx:else class="un-content">
  179. <cover-view class="lay">
  180. <cover-image src="/static/images/img_nocoupon@2x.png"></cover-image>
  181. <cover-view class="text">暂无优惠券</cover-view>
  182. </cover-view>
  183. </cover-view>
  184. </cover-view>
  185. </cover-view>
  186. </cover-view>
  187. </view>