家政小程序
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

index.wxml 3.0KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. <import src="/wxParse/wxParse.wxml" />
  2. <view class="page">
  3. <view class="page-hd">
  4. <!-- <image class="goods-img" mode="widthFix" src="/img/demo/goods.png"></image> -->
  5. <image class="goods-img" mode="widthFix" src="{{detail.photo}}"></image>
  6. <view class="goods-info">
  7. <view class="goods-name">{{detail.name}}</view>
  8. <view class="space-bt">
  9. <view>快递费:免邮费 广东广州</view>
  10. <view>总销量{{detail.sell_num}}笔</view>
  11. </view>
  12. <view class="price">
  13. <text class="unit">¥</text>{{unitPrice}}</view>
  14. <view class="remind">卖家承诺</view>
  15. <view class="remind-item">
  16. <image class="icon-yes" src="/img/icon-yes.png"></image>假一赔十
  17. </view>
  18. </view>
  19. </view>
  20. <view class="page-bd">
  21. <view class="details">
  22. <view class="details-hd">商品详情</view>
  23. <view class="details-bd">
  24. <!-- <image class="g" mode="widthFix" src="/img/demo/goods-detail.png" style="width: 100%;display: block;"></image> -->
  25. <template is="wxParse" data="{{wxParseData:article.nodes}}" />
  26. </view>
  27. </view>
  28. </view>
  29. <view class="page-ft">
  30. <view class="booking">
  31. <view class="input-item space-between">
  32. <view class="label">数量</view>
  33. <view class="input-content">
  34. <view class="num-counter">
  35. <view class="minus" catchtap="minusAmount">-</view>
  36. <text class="input-num">{{amount}}</text>
  37. <view class="plus" catchtap="addAmount">+</view>
  38. </view>
  39. </view>
  40. </view>
  41. <view class="input-item">
  42. <view class="label">姓名</view>
  43. <view class="input-content">
  44. <input type="text" class="input-text" bindinput="_handleInput" data-name="name" placeholder="您的称呼" />
  45. </view>
  46. </view>
  47. <view class="input-item">
  48. <view class="label">电话</view>
  49. <view class="input-content">
  50. <input type="number" class="input-text" bindinput="_handleInput" data-name="phone" placeholder="您的手机号码" />
  51. </view>
  52. </view>
  53. <view class="input-item ">
  54. <view class="label ">地址</view>
  55. <view class="input-content">
  56. <input type="text" class="input-text" bindinput="_handleInput" data-name="address" placeholder="寄送地址" />
  57. </view>
  58. </view>
  59. </view>
  60. <view class="total">
  61. <view class="total-price">总计:
  62. <text class="unit">¥</text><text class="red">{{unitPrice*amount}}元</text></view>
  63. <view class="btn-pay" bindtap="toPay">立即支付</view>
  64. </view>
  65. </view>
  66. </view>