index.wxml 10 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159
  1. <view class="wrap">
  2. <!-- 幻灯片 -->
  3. <view class="swipe pt10" wx:if="{{slider_list.length>0}}">
  4. <swiper indicatorDots class="swiper-content" duration="400" autoplay indicatorActiveColor="{{skin.color}}" indicatorColor="#E7E9E7" interval="5000" circular>
  5. <swiper-item wx:for="{{slider_list}}" wx:key="id">
  6. <view class='banner' bindtap='goBannerUrl' data-idx="{{index}}">
  7. <i-img iClass="banner-img" loadImage="{{item.image}}"></i-img>
  8. </view>
  9. </swiper-item>
  10. </swiper>
  11. </view>
  12. <!-- 导航列表 -->
  13. <view class='nav-list' wx:if="{{navigat.length>0}}">
  14. <block wx:for="{{navigat}}" wx:key="id">
  15. <view class='nav-list-item' bindtap='goNavUrl' data-idx="{{index}}" wx:if="{{item.type!=5}}">
  16. <i-img height="86" iClass="nav-list-img" loadImage="{{item.thumb}}" width="86"></i-img>
  17. <view class='nav-list-text'>{{item.navname}}</view>
  18. </view>
  19. <button class="nav-list-item nav-contact" openType="contact" wx:else>
  20. <i-img height="86" iClass="nav-list-img" loadImage="{{item.thumb}}" width="86"></i-img>
  21. <view class='nav-list-text'>{{item.navname}}</view>
  22. </button>
  23. </block>
  24. <div style="width:20%;" wx:for="{{navigatEmpty}}" wx:if="{{navigatEmpty.length}}" wx:key="id"></div>
  25. </view>
  26. <!-- 列表 -->
  27. <!-- <image id='rush-title' wx:if="{{index_list_top_image}}" class="rush-list-title" src="{{index_list_top_image}}"></image> -->
  28. <view class='sticky-cate'>
  29. <i-tabs activeIndex="{{classification.activeIndex}}" bind:activeIndexChange="classificationChange" data-idx="1" fontColor="#000" iClass="category-list" tabs="{{classification.tabs}}" lineBgColor="{{'background:linear-gradient(to right, '+skin.color+', '+skin.light+')'}}"></i-tabs>
  30. <view class="tab-nav-query"></view>
  31. </view>
  32. <view class='rush-list-box'>
  33. <block wx:if="{{rushList.length>0}}">
  34. <!-- 样式一 Start -->
  35. <view class="active-item" wx:for="{{rushList}}" wx:key="id" wx:if="{{rushList.length>0 && theme==0}}">
  36. <view class="list-item-tag-content" wx:if="{{isShowListTimer==1}}">
  37. <view class="empty-1"></view>
  38. <view class="empty-2" wx:if="{{item.spuDescribe}}"></view>
  39. <view class="empty-3"></view>
  40. <view class="list-item-count-down" style="color:{{skin.color}}" wx:if="{{item.spuCanBuyNum!=0 && !actEndMap[item.end_time]}}" data-xx="{{item.spuCanBuyNum}}">
  41. 仅剩
  42. <em wx:if="{{countDownMap[item.end_time].day>0}}">{{countDownMap[item.end_time].day}}天</em>
  43. <span class="item-class">{{countDownMap[item.end_time].hour}}</span>:
  44. <span class="item-class">{{countDownMap[item.end_time].minute}}</span>:
  45. <span class="item-class">{{countDownMap[item.end_time].second}}</span>
  46. </view>
  47. </view>
  48. <i-new-rush-spu actEnd="{{actEndMap[item.end_time]}}" stopClick="{{stopClick}}" bind:openSku="openSku" spuItem="{{item}}" reduction="{{reduction}}" isShowListCount="{{isShowListCount}}" bind:changeCartNum="changeCartNum" changeCarCount="{{changeCarCount}}" bind:authModal="authModal" needAuth="{{needAuth}}" is_open_vipcard_buy="{{is_open_vipcard_buy}}" canLevelBuy="{{canLevelBuy}}" isShowListTimer="{{isShowListTimer==1}}" showPickTime="{{ishow_index_pickup_time==1}}" bind:vipModal="vipModal" skin="{{skin}}" saleUnit="{{goods_sale_unit}}"></i-new-rush-spu>
  49. </view>
  50. <!-- 样式一 End -->
  51. <!-- 样式二 Start -->
  52. <view class="active-item-two" wx:for="{{rushList}}" wx:key="id" wx:if="{{rushList.length>0 && theme==1}}">
  53. <view class="list-item-tag-content" wx:if="{{isShowListTimer==1}}">
  54. <view class="list-item-count-down type-two" style="color:{{background.color}}" wx:if="{{item.spuCanBuyNum!=0 && !actEndMap[item.end_time]}}">
  55. 仅剩
  56. <em wx:if="{{countDownMap[item.end_time].day>0}}">{{countDownMap[item.end_time].day}}天</em>
  57. <span class="item-class">{{countDownMap[item.end_time].hour}}</span>:
  58. <span class="item-class">{{countDownMap[item.end_time].minute}}</span>:
  59. <span class="item-class">{{countDownMap[item.end_time].second}}</span>
  60. </view>
  61. </view>
  62. <i-rush-spu-big saleUnit="{{goods_sale_unit}}" actEnd="{{actEndMap[item.end_time]}}" stopClick="{{stopClick}}" bind:openSku="openSku" spuItem="{{item}}" reduction="{{reduction}}" isShowListCount="{{isShowListCount}}" bind:changeCartNum="changeCartNum" changeCarCount="{{changeCarCount}}" bind:authModal="authModal" needAuth="{{needAuth}}" is_open_vipcard_buy="{{is_open_vipcard_buy}}" canLevelBuy="{{canLevelBuy}}" showPickTime="{{ishow_index_pickup_time==1}}" bind:vipModal="vipModal" skin="{{skin}}"></i-rush-spu-big>
  63. </view>
  64. <!-- 样式二 End -->
  65. <!-- 样式三 Start -->
  66. <view class="theme3" wx:if="{{rushList.length>0 && theme==2}}">
  67. <image class='topic-img' src="{{cate_info.banner}}" mode="widthFix" wx:if="{{cate_info.banner}}" bindtap="goLink" data-link="/lionfish_comshop/pages/type/details?id={{classificationId}}"></image>
  68. <i-rush-spu class="item" wx:for="{{rushList}}" wx:key="actId" spuItem="{{item}}" reduction="{{reduction}}" stopClick="{{stopClick}}" bind:openSku="openSku" needAuth="{{needAuth}}" bind:authModal="authModal" bind:changeCartNum="changeCartNum" changeCarCount="{{changeCarCount}}" is_open_vipcard_buy="{{is_open_vipcard_buy}}" canLevelBuy="{{canLevelBuy}}" bind:vipModal="vipModal"></i-rush-spu>
  69. </view>
  70. <!-- 样式三 End -->
  71. <!-- 样式4 Start -->
  72. <view class="comming-list themeTwo" wx:if="{{rushList.length>0&&theme==3}}">
  73. <skeleton wx:for="{{rushList}}" wx:key="actId" class="comming-spu-item">
  74. <i-tworow actEnd="{{actEndMap[item.end_time]}}" stopClick="{{stopClick}}" bind:openSku="openSku" spuItem="{{item}}" reduction="{{reduction}}" isShowListCount="{{isShowListCount}}" bind:changeCartNum="changeCartNum" changeCarCount="{{changeCarCount}}" bind:authModal="authModal" needAuth="{{needAuth}}" is_open_vipcard_buy="{{is_open_vipcard_buy}}" canLevelBuy="{{canLevelBuy}}" isShowListTimer="{{isShowListTimer==1}}" showPickTime="{{ishow_index_pickup_time==1}}" bind:vipModal="vipModal" skin="{{skin}}" saleUnit="{{goods_sale_unit}}"></i-tworow>
  75. </skeleton>
  76. </view>
  77. <!-- 样式4 End -->
  78. <i-load-more iClass="loadMore" loading="{{loadMore}}" tip="{{loadText}}" wx:if="{{loadMore}}"></i-load-more>
  79. </block>
  80. <view class="none-rush-list" wx:if="{{showEmpty}}">
  81. <image class="img-block" src="../../images/icon-index-empty.png"></image>
  82. <view class="h1">暂时没有商品</view>
  83. <view class="h2">我们正在为您准备更优惠的商品</view>
  84. </view>
  85. <view class="slogan" wx:if="{{!loadMore&&rushList.length}}">
  86. <image src="{{indexBottomImage?indexBottomImage:'../../images/icon-index-slogan.png'}}"></image>
  87. </view>
  88. </view>
  89. </view>
  90. <i-tabbar currentIdx='2' cartNum='{{cartNum}}' wx:if="{{showTabbar}}" class="tabbar {{isIpx?'pb20':''}}" />
  91. <view class="mask" hidden="{{!visible}}"></view>
  92. <!---规格选择begin-->
  93. <view bind:cancel="close" class='sku-content' scrollUp="{{true}}" hidden="{{!visible}}">
  94. <view class="sku-card">
  95. <view bindtap="closeSku" class="close">
  96. <image src="../../images/icon-sku-close.png"></image>
  97. </view>
  98. <view class="sku-header">
  99. <i-img defaultImage="../../images/placeholder-refund.png" height="80" iClass="sku-img" loadImage="{{cur_sku_arr.skuImage}}" width="80"></i-img>
  100. <view class="sku-desc">
  101. <view class="sku-title">
  102. <span>{{cur_sku_arr.spuName}}</span>
  103. </view>
  104. <view class="sku-price">
  105. <view class="sale-price">
  106. ¥ <span>{{cur_sku_arr.actPrice[0]}}</span>.{{cur_sku_arr.actPrice[1]}}
  107. </view>
  108. <view class="market-price">¥{{cur_sku_arr.marketPrice[0]}}.{{cur_sku_arr.marketPrice[1]}}</view>
  109. <!-- 会员价 -->
  110. <i-vip-price wx:if="{{is_open_vipcard_buy==1&&is_vip_card_member==1&&is_take_vipcard==1}}" price="{{cur_sku_arr.card_price}}"></i-vip-price>
  111. <block wx:elif="{{is_member_level_buy==1&&is_mb_level_buy==1}}">
  112. <i-vip-price wx:if="{{is_open_vipcard_buy==1&&is_vip_card_member!=1}}" price="{{cur_sku_arr.levelprice}}" type="1"></i-vip-price>
  113. <i-vip-price wx:if="{{is_open_vipcard_buy!=1}}" price="{{cur_sku_arr.levelprice}}" type="1"></i-vip-price>
  114. </block>
  115. </view>
  116. <view class="sku-switch-on">已选择:{{cur_sku_arr.spec}}</view>
  117. </view>
  118. </view>
  119. <view class="sku-spec" wx:for="{{skuList.list}}" wx:key="id">
  120. <view class="title">{{item.name}}</view>
  121. <view class="spec-list">
  122. <span bindtap="selectSku" class="{{idx==sku[index]['idx']?'on':''}}" data-disabled="{{item.canBuyNum-value<0}}" data-type="{{index}}_{{idx}}_{{value.option_value_id}}_{{value.name}}" wx:for-index="idx" data-idx="{{idx}}" wx:for="{{item.option_value}}" wx:for-item="value" wx:key="idx">{{value.name}}</span>
  123. </view>
  124. </view>
  125. <view class="sku-num-content">
  126. <view class="title">数量</view>
  127. <view class="i-class i-input-number i-input-number-size-{{size}}">
  128. <view bindtap="setNum" data-type="decrease" class="i-input-number-minus {{value<=min?'i-input-number-disabled':''}}">
  129. <image src="../../images/icon-input-reduce.png"></image>
  130. </view>
  131. <input bindblur="handleBlur" bindfocus="handleFocus" class="i-input-number-text {{min>=max?'i-input-number-disabled':''}}" type="number" value="{{sku_val}}" bindinput="changeNumber"></input>
  132. <view bindtap="setNum" data-type="add" class="i-input-number-plus {{value>=max?'i-input-number-disabled':''}}">
  133. <image src="../../images/icon-input-add.png"></image>
  134. </view>
  135. </view>
  136. <view class="msg" wx:if="{{skuList[current].isLimit}}">
  137. <span wx:if="{{skuList[current].limitMemberNum>-1}}">每人限{{skuList[current].limitMemberNum}}单</span>
  138. <span wx:if="{{skuList[current].limitOrderNum>-1}}">每单限{{skuList[current].limitOrderNum}}份</span>
  139. <span></span>
  140. </view>
  141. <view class="even-num" wx:elif="{{!skuList[current].isLimit&&skuList[current].canBuyNum-value<=10&&skuList[current].canBuyNum-value>-1}}">还可以购买 {{skuList[current].canBuyNum-value}} 件</view>
  142. </view>
  143. <form bindsubmit="gocarfrom" report-submit="true">
  144. <button formType="submit" class="sku-confirm" disabled='{{cur_sku_arr.stock==0 ? true : false}}'>
  145. <view>{{cur_sku_arr.stock==0?"已抢光":"确定"}}</view>
  146. </button>
  147. </form>
  148. </view>
  149. </view>
  150. <!---规格选择end-->
  151. <i-new-auth needAuth="{{needAuth&&showAuthModal}}" bind:authSuccess="authSuccess" bind:cancel="authModal" needPosition="{{needPosition}}"></i-new-auth>
  152. <i-vip-modal visible="{{showVipModal}}" imgUrl="{{pop_vipmember_buyimage}}" />