Businesses.wxml 4.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117
  1. <wxs module="filters" src="../../utils/filters.wxs"></wxs>
  2. <view class="all" bindtap="goSerch">
  3. <view class="ert" bindtap="search">
  4. <van-search background="#FF8C00" value="{{ value }}" placeholder="麻辣烫" shape="round" />
  5. <van-button color="#FF8C00" class="btn" round type="info" size="mini">搜索</van-button>
  6. </view>
  7. <view class="card2">
  8. <view>
  9. <image style="width: 170rpx;height: 170rpx; margin:35rpx 0 0 28rpx;" src="../../images/tupian2.png" mode="" />
  10. </view>
  11. <view>
  12. <view style="margin:26rpx 0 0 4rpx; font-weight: 500; width: 460rpx;">
  13. <text>二食堂二楼麻辣烫麻辣香锅...</text>
  14. </view>
  15. <view style="font-size: 12px; width: 480rpx;display: flex; margin-top: 10rpx;">
  16. <view>
  17. <text style="color:#A9A9A9; margin-left: 30rpx;">起送</text>
  18. <text style="color: #FF8C00; margin-left: 6rpx;">¥15</text>
  19. <text style="color:#A9A9A9; margin-left: 12rpx;">货到付款</text>
  20. <text style="color:#A9A9A9; margin-left: 16rpx;">月售</text>
  21. <text style="color:#FF8C00; margin-left: 8rpx;">231</text>
  22. </view>
  23. <view style="margin-left: 20rpx;">
  24. <van-tag color="#FF8C00">30分钟</van-tag>
  25. </view>
  26. </view>
  27. <view style="font-size: 10px;display: flex; margin-top: 30rpx;">
  28. <view style="margin-left: 30rpx;">公告:</view>
  29. <view style="width: 260rpx;">麻辣烫没有麻辣调料辣烫没有麻辣烫调料麻辣烫没有麻辣。</view>
  30. <view style="margin-left:40rpx;display: flex;">
  31. <image style="width: 32rpx; height: 32rpx;" src="/../images/dianhua.svg" mode="" />
  32. <view style="width: 50rpx; height: 34rpx;">
  33. <text style="text-align: center; line-height: 34rpx;color: #3CB371;">店家</text>
  34. </view>
  35. </view>
  36. </view>
  37. </view>
  38. </view>
  39. </view>
  40. <view>
  41. <view class="all1">
  42. <view wx:for="{{list}}" wx:key="id">
  43. <view class="card1">
  44. <view>
  45. <image style="width: 170rpx;height: 170rpx; margin:25rpx 35rpx 0 60rpx ;" src="../../images/tupian2.png" mode="" />
  46. </view>
  47. <view style="margin-top: 25rpx;">
  48. <view>
  49. <text style="font-size: 14px;">麻辣烫微辣</text>
  50. <van-tag color="#FF4500" style="margin-left: 10rpx;">优惠商品</van-tag>
  51. </view>
  52. <view style="margin-bottom: 10rpx;">
  53. <text style="color: #D3D3D3; font-size: 12px; margin-bottom: 10rpx;">包含香菜、菠菜、面、豆芽、海带</text>
  54. </view>
  55. <view style="margin-bottom: 10rpx;">
  56. <view style="display: flex;">
  57. <text style="font-size: 12px; font-weight: 700;">¥28.80</text>
  58. <view style="width: 55px; height: 1px; background-color: #808080; margin-left: -90rpx; margin-top: 14rpx;"></view>
  59. <text style="font-size: 12px; margin-left: 245rpx; color: #FF8C00;">限购2份</text>
  60. </view>
  61. </view>
  62. <view style="display: flex;">
  63. <view class="order-money">
  64. ¥9.9+20积分
  65. </view>
  66. <van-stepper bind:blur="OnInput" bind:minus="prev" bind:plus="plus" data-id="{{item.id}}" min="0" value="{{ 0 }}" round button-size="20px" input-width="36px" />
  67. </view>
  68. </view>
  69. </view>
  70. </view>
  71. <view wx:for="{{list1}}" wx:key="id">
  72. <view class="card1">
  73. <view>
  74. <image style="width: 170rpx;height: 170rpx; margin:25rpx 35rpx 0 60rpx ;" src="../../images/tupian2.png" mode="" />
  75. </view>
  76. <view style="margin-top: 25rpx;">
  77. <view>
  78. <text style="font-size: 14px;">{{item.title}}</text>
  79. </view>
  80. <view style="margin-bottom: 10rpx;">
  81. <text style="color: #D3D3D3; font-size: 12px; margin-bottom: 10rpx;">{{item.text}}</text>
  82. </view>
  83. <view style="display: flex; margin-top: 50rpx;">
  84. <view class="order-money">
  85. ¥{{item.money}}
  86. </view>
  87. <van-stepper bind:blur="OnInput1" bind:minus="prev1" bind:plus="plus1" data-id="{{item.id}}" class="minus-class" min="0" value="{{ 0 }}" round button-size="20px" input-width="36px" />
  88. </view>
  89. </view>
  90. </view>
  91. </view>
  92. </view>
  93. </view>
  94. <view class="foot">
  95. <view style="display: flex;">
  96. <image style="width: 35px;height: 35px; margin: 10rpx 0 0 30rpx;" src="../../images/gouwuchekong.svg" mode="" />
  97. <view class="order-money">
  98. ¥{{filters.toFix(allMoney)}}+{{allIntegral}}积分
  99. <view style="font-size: 10px; font-weight: 400; margin-top: 6rpx;">
  100. 共优惠¥10.0
  101. <text style="color: #808080; margin-left: 20rpx;">贷款费¥0</text>
  102. </view>
  103. </view>
  104. <button class="btn1">去结算</button>
  105. </view>
  106. </view>
  107. <view style="width: 100%;height: 86rpx;">
  108. </view>
  109. <template name="card">
  110. </template>
  111. <template name="card3">
  112. </template>