food.wxml 5.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108
  1. <view class="bx-tabs" wx:if="{{series.length > 0}}">
  2. <view class="menu">
  3. <scroll-view class="menu_content" scroll-x scroll-into-view="item_{{currentView}}" >
  4. <block wx:for="{{series}}" wx:key="title" wx:for-index="index">
  5. <view id="item_{{index}}" class="menu_item" bindtap="handleTabClick" data-index="{{index}}" data-seriesNo="{{item.id}}">
  6. <view class="">
  7. <text class="menu_title {{activeTab == index ? 'activeClass' : ''}}">{{item.title}}</text>
  8. </view>
  9. </view>
  10. </block>
  11. </scroll-view>
  12. <!-- <view class="icon">
  13. <icon class="icon-small" type="search" size="18" color="black"></icon>
  14. </view> -->
  15. </view>
  16. <swiper class="product_list" current="{{activeTab}}" duration="600" bindchange="handleSwiperChange" circular="true" >
  17. <swiper-item wx:for="{{series}}" skip-hidden-item-layout="true" >
  18. <view class="product_bg">
  19. <view class="product_content_list" style="{{currentProductList[index].length > 4 ?'height:100%':''}}">
  20. <block wx:for="{{currentProductList[index]}}" wx:key="product_id" wx:for-index="idx">
  21. <view class="product-info">
  22. <block wx:if="{{item.productName}}">
  23. <view class="product_img_dir">
  24. <image class="product_img" wx:if="{{item.productImg}}" src="{{item.productImg}}"></image>
  25. </view>
  26. <view class="good_name">
  27. {{item.productName}}
  28. </view>
  29. <view class="good_price">¥{{item.currentPrice}}
  30. </view>
  31. <view class="add-cart">
  32. <image bindtap="updateCartClick" data-type ="1" data-no="{{item.id}}" class="add-cart-size" src='../../images/jias.png'></image>
  33. <text class="cart-good-num" wx:if="{{item.hasChoose}}">{{item.hasNum}}</text>
  34. <image class="add-cart-size" wx:if="{{item.hasChoose}}" bindtap="updateCartClick" data-type="2" data-no="{{item.id}}" src='../../images/cart-jian.png' ></image>
  35. </view>
  36. </block>
  37. </view>
  38. </block>
  39. </view>
  40. </view>
  41. </swiper-item>
  42. </swiper>
  43. <view class="cart">
  44. <view class="cart-icon cart-mar" bindtap="openCartDialog" data-type="open">
  45. <image class="cart-icon-size" animation="{{ ani }}" src="../../images/cart.png"></image>
  46. </view>
  47. <view class="cart-num cart-mar" bindtap="openCartDialog" data-type="open">
  48. <text class="cart-num-txt" wx:if="{{cartList.length == 0}}">购物车空空如也~~~</text>
  49. <text class="cart-num-txt" wx:if="{{cartList.length > 0}}">已点{{totalNum}}件商品,点击查看详情</text>
  50. </view>
  51. <view class="buy-cart cart-mar" bindtap="startOrder">
  52. <text class="buy-cart-txt">点好了</text>
  53. </view>
  54. <!-- <view class="buy-cart cart-mar" wx:if="{{!check_mobile}}">
  55. <button class="buy-cart-txt" style="background:none" open-type='getPhoneNumber' bindgetphonenumber="getPhoneNumber">点好了</button>
  56. </view> -->
  57. </view>
  58. </view>
  59. <view class="{{showCart ? 'weui-show' :'weui-hidden'}}">
  60. <view class="weui-mask init" wx:if="{{mask}}" bindtap="openCartDialog" data-type="close"></view>
  61. <view class="weui-half-screen-dialog cart-dialog">
  62. <view class="weui-half-screen-dialog__hd cart-hd" >
  63. <!-- <view class="delete-cart" bindtap="deleteCart">清空</view> -->
  64. <view class="discount-txt">已点{{totalNum}}件商品,合计:¥{{totalPrice}}</view>
  65. <view bindtap="openCartDialog" data-type="close">
  66. <view class=" weui-icon-btn_close">关闭</view>
  67. </view>
  68. </view>
  69. <view class="weui-half-screen-dialog__bd" style="margin-top: 81rpx;max-height: 633rpx;">
  70. <block>
  71. <view wx:for="{{cartList}}" class="weui-half-screen-dialog__desc cart-bd">
  72. <image class="cart-good-img" src="{{item.productImg}}"></image>
  73. <view class="cart-info">
  74. <view class="cart-good-name">
  75. {{item.productName}}
  76. </view>
  77. <view class="cart-good-row">
  78. <view class="cart-good-price">{{item.currentPrice}}</view>
  79. <view class="cart-good-jia">
  80. <image class="add-cart-size" bindtap="updateCartClick" data-type="1" data-no="{{item.productId}}" src='../../images/jias.png' ></image>
  81. <text class="cart-good-num">{{item.num}}</text>
  82. <image class="add-cart-size" bindtap="updateCartClick" data-type="2" data-no="{{item.productId}}" src='../../images/cart-jian.png' ></image>
  83. </view>
  84. </view>
  85. </view>
  86. </view>
  87. </block>
  88. </view>
  89. <view class="weui-half-screen-dialog__ft" style="height: 50rpx;" bindtap="startOrder">
  90. <button type="warn">点好了 </button>
  91. </view>
  92. <!-- <view class="weui-half-screen-dialog__ft" wx:if="{{!check_mobile}}">
  93. <button style="color: #fff;background-color: #e64340;" open-type='getPhoneNumber' bindgetphonenumber="getPhoneNumber">去支付</button>
  94. </view> -->
  95. </view>
  96. </view>