parkingInformation.vue 2.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. <template>
  2. <view class="parking-information">
  3. <view class="parking-information-slider">
  4. <image src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngfcc26df820e339ac79b1f066b7ed6ac52b440624fa7e7f4a3bf97030b2aac575" mode=""></image>
  5. </view>
  6. <view class="parking-information-content">
  7. <view class="parking-information-content-title">
  8. <view class="pict-left">
  9. <view class="title">甜蜜小镇D18组团停车场</view>
  10. <view class="tags">
  11. <view class="tag">无感支付</view>
  12. <view class="tag">电子支付</view>
  13. </view>
  14. </view>
  15. <view class="pict-right">
  16. <image src="../../static/img/distance-icon.png" mode=""></image>
  17. <view class="">238m</view>
  18. </view>
  19. </view>
  20. <view class="parking-information-content-subtitle">
  21. 贵阳市云岩区中天未来方舟甜蜜小镇D18组团
  22. </view>
  23. <view class="parking-information-content-time">
  24. 服务时间<text>7:00-21:00</text>
  25. </view>
  26. <view class="parking-information-content-cars">
  27. <view class="picc-tag">
  28. <text>共有车位:</text>
  29. <text>120</text>
  30. </view>
  31. <view class="picc-tag">
  32. <text>空闲车位:</text>
  33. <text>30</text>
  34. </view>
  35. </view>
  36. <view class="parking-information-content-price">
  37. <view class="">
  38. <text>10</text>元/小时
  39. </view>
  40. <view class="">
  41. 包月费用:300元
  42. </view>
  43. </view>
  44. <u-button class="parking-information-content-button">办理包月</u-button>
  45. <view class="parking-information-content-rule">
  46. <view>收费规则</view>
  47. <view>1、停车不足30分钟,免费;</view>
  48. <view>2、停车 超过20分钟,按2元/小时收费;</view>
  49. <view>3、月卡会员在有效期内停车免费</view>
  50. </view>
  51. <view class="parking-information-content-telphone">
  52. <view>电话</view>
  53. <view>0851-88866688</view>
  54. </view>
  55. </view>
  56. </view>
  57. </template>
  58. <script>
  59. export default {
  60. data() {
  61. return {
  62. }
  63. },
  64. methods: {
  65. }
  66. }
  67. </script>
  68. <style lang="scss" scoped>
  69. @import './parkingInformation';
  70. </style>