serch.wxml 2.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. <view class="ert" bindtap="search">
  2. <van-search value="{{ value }}" placeholder="请输入搜索关键词" shape="round" />
  3. <van-button color="#FF8C00" class="btn" round type="info" size="mini">搜索</van-button>
  4. </view>
  5. <view class="all1">
  6. <template is="card" data=""/>
  7. <template is="card" data=""/>
  8. </view>
  9. <view style="width: 100%;height: 86rpx;">
  10. </view>
  11. <view class="foot">
  12. <view style="display: flex;">
  13. <image style="width: 35px;height: 35px; margin: 10rpx 0 0 30rpx;" src="../../images/gouwuchekong.svg" mode="" />
  14. <view class="order-money">
  15. ¥9.9+20积分
  16. <view style="font-size: 10px; font-weight: 400; margin-top: 6rpx;">
  17. 共优惠¥10.0
  18. <text style="color: #808080; margin-left: 20rpx;">贷款费¥0</text>
  19. </view>
  20. </view>
  21. <button class="btn1">去结算</button>
  22. </view>
  23. </view>
  24. <template name="card">
  25. <view class="card1">
  26. <view>
  27. <image style="width: 170rpx;height: 170rpx; margin:25rpx 35rpx 0 60rpx ;" src="../../images/tupian2.png" mode="" />
  28. </view>
  29. <view style="margin-top: 25rpx;">
  30. <view>
  31. <text style="font-size: 14px;">麻辣烫微辣</text>
  32. <van-tag color="#FF4500" style="margin-left: 10rpx;">优惠商品</van-tag>
  33. </view>
  34. <view style="margin-bottom: 10rpx;">
  35. <text style="color: #D3D3D3; font-size: 12px; margin-bottom: 10rpx;">包含香菜、菠菜、面、豆芽、海带</text>
  36. </view>
  37. <view style="margin-bottom: 10rpx;">
  38. <view style="display: flex;">
  39. <text style="font-size: 12px; font-weight: 700;">¥28.80</text>
  40. <view style="width: 55px; height: 1px; background-color: #808080; margin-left: -90rpx; margin-top: 14rpx;"></view>
  41. <text style="font-size: 12px; margin-left: 245rpx; color: #FF8C00;">限购2份</text>
  42. </view>
  43. </view>
  44. <view style="display: flex;">
  45. <view class="order-money">
  46. ¥9.9+20积分
  47. </view>
  48. <van-stepper class="minus-class" min="0" value="{{ 1 }}" round button-size="20px" input-width="36px" />
  49. </view>
  50. </view>
  51. </view>
  52. </template>