select-service.vue 2.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. <!-- 选择服务 -->
  2. <template>
  3. <view class="wrap">
  4. <view class="item">
  5. <view class="item-top">
  6. <text>限源预售</text>
  7. </view>
  8. <view class="item-content">
  9. <image src="../../../static/img-4.png" class="product-img" mode="aspectFill"></image>
  10. <view class="item-content-sidebar">
  11. <view class="product-item-row-between">
  12. <view class="product-item-name">
  13. 冻干柠檬片 蜂蜜柠檬茶 保留鲜度96% 美白神器
  14. </view>
  15. <view class="row-end">
  16. <text class="product-item-price">¥394.00</text>
  17. <text class="product-item-num">x <text>1</text></text>
  18. </view>
  19. </view>
  20. <view class="product-item-tag">
  21. <text>一盒15g*20袋</text>
  22. </view>
  23. </view>
  24. </view>
  25. </view>
  26. <view class="box">
  27. <view class="box-label">
  28. 选择服务类型
  29. </view>
  30. <view class="select-service-list">
  31. <view class="select-service-item">
  32. <image src="../../../static/service-2.png" class="select-service-icon" mode="widthFix"></image>
  33. <view class="select-service-sidebar">
  34. <view class="select-service-column">
  35. <view class="select-service-name">我要退款(无需退货)</view>
  36. <view class="select-service-msg">没收到货,或与卖家协商同意不用退货只退款</view>
  37. </view>
  38. <image src="../../../static/back-icon2.png" class="back-icon" mode="widthFix"></image>
  39. </view>
  40. </view>
  41. <view class="select-service-item">
  42. <image src="../../../static/service-1.png" class="select-service-icon" mode="widthFix"></image>
  43. <view class="select-service-sidebar">
  44. <view class="select-service-column">
  45. <view class="select-service-name">我要退货退款</view>
  46. <view class="select-service-msg">已收到货,需要退还收到的货物</view>
  47. </view>
  48. <image src="../../../static/back-icon2.png" class="back-icon" mode="widthFix"></image>
  49. </view>
  50. </view>
  51. </view>
  52. </view>
  53. </view>
  54. </template>
  55. <script>
  56. export default {
  57. data() {
  58. return {
  59. }
  60. },
  61. methods: {
  62. }
  63. }
  64. </script>
  65. <style scoped lang="scss">
  66. @import "./select-service.css";
  67. </style>