hotGoods.wxml 5.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129
  1. <view class="container">
  2. <view class="cart-panel" wx:if="{{footCart.goodsCount>0}}">
  3. <view class="cart-icon">
  4. <navigator class="nav-cell" open-type='switchTab' url="/pages/cart/cart">
  5. <image src="../../static/images/cart-fixed.png">
  6. </image>
  7. </navigator>
  8. <view class="cart-num" bindtap="switchNav" data-name="cart">{{footCart.goodsCount}}</view>
  9. </view>
  10. <view class="cart-body" bindtap="switchNav" data-name="cart">¥{{footCart.checkedGoodsAmount}}</view>
  11. <navigator class="nav-cell" open-type='switchTab' url="/pages/cart/cart">
  12. <view class="cart-pay">去结算 > </view>
  13. </navigator>
  14. </view>
  15. <view wx:if="{{showNavList}}" class="modal-wrap"></view>
  16. <view class="fast-nav">
  17. <contact-button wx:if="{{!showNavList}}" class="contact" size="25" type="primary" session-from="weapp">
  18. <text>找客服</text>
  19. </contact-button>
  20. <view wx:if="{{!showNavList}}" class="nav" bindtap="toggleNav">
  21. <text>快捷</text>
  22. <text>导航</text>
  23. </view>
  24. <view class="nav-list" wx:if="{{showNavList}}">
  25. <view class="nav-item">
  26. <text class="nav-text">首页</text>
  27. <view class="nav-cell" bindtap="switchNav" data-name="index">
  28. <image src="../../static/images/nav-1.png"></image>
  29. </view>
  30. </view>
  31. <view class="nav-item">
  32. <text class="nav-text">足迹</text>
  33. <navigator class="nav-cell" url="../ucenter/footprint/footprint">
  34. <image src="../../static/images/nav-2.png"></image>
  35. </navigator>
  36. </view>
  37. <view class="nav-item">
  38. <text class="nav-text">搜索</text>
  39. <navigator class="nav-cell" url="../search/search">
  40. <image src="../../static/images/nav-3.png"></image>
  41. </navigator>
  42. </view>
  43. <view class="nav-item">
  44. <text class="nav-text">购物车</text>
  45. <view class="nav-cell" bindtap="switchNav" data-name="cart">
  46. <image src="../../static/images/nav-4.png"></image>
  47. </view>
  48. </view>
  49. </view>
  50. <view wx:if="{{showNavList}}" class="close" bindtap="toggleNav">X</view>
  51. </view>
  52. <view class="brand-info" bindtap="hideSwitchAttrPop">
  53. <view class="name">
  54. <image class="img" src="{{bannerInfo.img_url}}"></image>
  55. <view class="info-box">
  56. <view class="info">
  57. <text class="txt">{{bannerInfo.name}}</text>
  58. <text class="line"></text>
  59. </view>
  60. </view>
  61. </view>
  62. </view>
  63. <view class="sort">
  64. <view class="sort-box" bindtap="hideSwitchAttrPop">
  65. <view class="item {{currentSortType == 'default' ? 'active' : ''}}" bindtap="openSortFilter" id="defaultSort">
  66. <text class="txt">综合</text>
  67. </view>
  68. <view class="item by-price {{currentSortType == 'price' ? 'active' : ''}} {{currentSortOrder == 'asc' ? 'asc' : 'desc'}}" bindtap="openSortFilter" id="priceSort">
  69. <text class="txt">价格</text>
  70. </view>
  71. <view class="item {{currentSortType == 'category' ? 'active' : ''}}" bindtap="openSortFilter" id="categoryFilter">
  72. <text class="txt">分类</text>
  73. </view>
  74. </view>
  75. <view class="sort-box-category" wx-if="{{categoryFilter}}" bindtap="hideSwitchAttrPop">
  76. <view class="item {{item.checked ? 'active' : ''}}" wx:for="{{filterCategory}}" wx:key="cate-{{item.id}}" data-category-index="{{index}}" bindtap="selectCategory">{{item.name}}</view>
  77. </view>
  78. </view>
  79. <view class="cate-item" bindtap="hideSwitchAttrPop">
  80. <view class="b">
  81. <block wx:for="{{goodsList}}" wx:for-index="iindex" wx:for-item="iitem" wx:key="unique">
  82. <view class="item {{iindex % 2 == 0 ? 'item-b' : '' }}">
  83. <navigator url="../goods/goods?id={{iitem.id}}&&storeId={{item.storeId}}">
  84. <image class="img" src="{{iitem.list_pic_url}}" ></image>
  85. <text class="name">{{iitem.name}}</text>
  86. </navigator>
  87. <view class="price">¥{{iitem.retail_price}}
  88. <image class="cart" src="/static/images/cart.png" data-goods-id="{{iitem.id}}" data-retail-price="{{iitem.retail_price}}" bindtap='addCart' background-size="cover"></image>
  89. </view>
  90. </view>
  91. </block>
  92. </view>
  93. </view>
  94. <view wx:if="{{openAttr}}" class="attr-pop">
  95. <view class="attr-close" bindtap="switchAttrPop">X</view>
  96. <view class="img-info">
  97. <image class="img" src="{{goodsVo.list_pic_url}}"></image>
  98. <view class="info">
  99. <view class="c">
  100. <view class="p">价格:¥{{retailPrice}}</view>
  101. <view class="a" wx:if="{{productList.length>0}}">已选择:{{checkedSpecText}}</view>
  102. <view class="a">库存{{goodsVo.goodsBizType==00 && goodsVo.isStockShare==1?goodsVo.goods_number:goodsVo.stockNum}}件</view>
  103. </view>
  104. </view>
  105. </view>
  106. <view class="spec-con">
  107. <view class="spec-item" wx:for="{{specificationList}}" wx:key="{{item.specification_id}}" wx:for-index="itemIndex">
  108. <view class="name">{{item.name}}</view>
  109. <view class="values">
  110. <view class="value {{vitem.checked ? 'selected' : ''}}" bindtap="clickSkuValue" wx:for="{{item.valueList}}" wx:for-item="vitem" wx:key="{{vitem.id}}" data-index="{{itemIndex}}" data-value-id="{{vitem.id}}" data-name-id="{{vitem.specification_id}}">{{vitem.value}}</view>
  111. </view>
  112. </view>
  113. <view class="number-item">
  114. <view class="name">数量</view>
  115. <view class="selnum">
  116. <view class="cut" bindtap="cutNumber">-</view>
  117. <input value="{{number}}" class="number" disabled="true" type="number" />
  118. <view class="{{number+cartNumber>= stockNum? 'addEnabel':'add'}}" bindtap="{{number+cartNumber>= stockNum ? '':'addNumber'}}">+</view>
  119. </view>
  120. </view>
  121. </view>
  122. <view class="bottom-btn">
  123. <view class="r" bindtap="addToCart">加入购物车</view>
  124. </view>
  125. </view>
  126. </view>