parkingLock.vue 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. <template>
  2. <!-- 车位锁 -->
  3. <view class="parking-lock">
  4. <view class="parking-lock-title">支付停车费</view>
  5. <view class="parking-lock-tips">请您确认停车费用,确认后请支付费用,结束停车。谢谢您的使用!</view>
  6. <view class="parking-lock-info">
  7. <view class="parking-lock-info-item">
  8. <view>停车场名称</view>
  9. <view>名称1</view>
  10. </view>
  11. <view class="parking-lock-info-item">
  12. <view>停车泊位</view>
  13. <view>泊位1</view>
  14. </view>
  15. <view class="parking-lock-info-item">
  16. <view>入场时间</view>
  17. <view>2021-01-01 00:00:00</view>
  18. </view>
  19. <view class="parking-lock-info-item">
  20. <view>出场时间</view>
  21. <view>2021-01-01 00:00:00</view>
  22. </view>
  23. <view class="parking-lock-info-item">
  24. <view>停车时长</view>
  25. <view>2021-01-01 00:00:00</view>
  26. </view>
  27. <view class="parking-lock-info-item">
  28. <view>合计金额</view>
  29. <view>2021-01-01 00:00:00</view>
  30. </view>
  31. <view class="parking-lock-info-item">
  32. <view>优惠金额</view>
  33. <view>2021-01-01 00:00:00</view>
  34. </view>
  35. <view class="parking-lock-info-item">
  36. <view>应缴金额</view>
  37. <view>2021-01-01 00:00:00</view>
  38. </view>
  39. </view>
  40. <view class="parking-lock-pay-btn">
  41. <button type="default">立即支付</button>
  42. </view>
  43. </view>
  44. </template>
  45. <script>
  46. export default {
  47. data() {
  48. return {
  49. }
  50. },
  51. methods: {
  52. }
  53. }
  54. </script>
  55. <style lang="scss" scoped>
  56. @import './parkingLock.scss';
  57. </style>