Select.vue 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137
  1. <template>
  2. <div>
  3. <header class="mui-bar mui-bar-nav">
  4. <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
  5. <h1 class="mui-title">车位选择</h1>
  6. </header>
  7. <div class="mui-content margin60">
  8. <div class="mui-content-padded">
  9. <img src="~$project/assets/img/02.jpg" width="100%" />
  10. </div>
  11. <div class="vongi-meform-pho vongi-car">
  12. <h5>车位筛选</h5>
  13. <ul class="mui-table-view mui-table-view-radio flew">
  14. <li class="mui-table-view-cell mui-selected">
  15. <a>
  16. 地面
  17. </a>
  18. </li>
  19. <li class="mui-table-view-cell">
  20. <a>
  21. 地下
  22. </a>
  23. </li>
  24. </ul>
  25. <ul class="mui-table-view mui-table-view-radio flew">
  26. <li class="mui-table-view-cell mui-selected">
  27. <a>
  28. A区
  29. </a>
  30. </li>
  31. <li class="mui-table-view-cell">
  32. <a>
  33. B区
  34. </a>
  35. </li>
  36. <li class="mui-table-view-cell">
  37. <a>
  38. C区
  39. </a>
  40. </li>
  41. </ul>
  42. <ul class="mui-table-view mui-table-view-radio flew">
  43. <li class="mui-table-view-cell mui-selected">
  44. <a>
  45. 018号
  46. </a>
  47. </li>
  48. <li class="mui-table-view-cell">
  49. <a>
  50. 019号
  51. </a>
  52. </li>
  53. <li class="mui-table-view-cell">
  54. <a>
  55. 018号
  56. </a>
  57. </li>
  58. <li class="mui-table-view-cell">
  59. <a>
  60. 019号
  61. </a>
  62. </li>
  63. <li class="mui-table-view-cell">
  64. <a>
  65. 019号
  66. </a>
  67. </li>
  68. <li class="mui-table-view-cell">
  69. <a>
  70. 018号
  71. </a>
  72. </li>
  73. <li class="mui-table-view-cell">
  74. <a>
  75. 019号
  76. </a>
  77. </li>
  78. <li class="mui-table-view-cell">
  79. <a>
  80. 019号
  81. </a>
  82. </li>
  83. <li class="mui-table-view-cell">
  84. <a>
  85. 018号
  86. </a>
  87. </li>
  88. <li class="mui-table-view-cell">
  89. <a>
  90. 019号
  91. </a>
  92. </li>
  93. <li class="mui-table-view-cell">
  94. <a>
  95. 019号
  96. </a>
  97. </li>
  98. <li class="mui-table-view-cell">
  99. <a>
  100. 018号
  101. </a>
  102. </li>
  103. <li class="mui-table-view-cell">
  104. <a>
  105. 019号
  106. </a>
  107. </li>
  108. <li class="mui-table-view-cell">
  109. <a>
  110. 019号
  111. </a>
  112. </li>
  113. <li class="mui-table-view-cell">
  114. <a>
  115. 018号
  116. </a>
  117. </li>
  118. </ul>
  119. </div>
  120. </div>
  121. <div class="vongi-cashier-btn-row">
  122. <div class="vongi-cashier-btn-white">
  123. <span>当前选择:地面-A区-018号</span>
  124. <div class="vongi-cashier-btn">确认选择</div>
  125. </div>
  126. </div>
  127. </div>
  128. </template>
  129. <script>
  130. </script>
  131. <style scoped src="$project/assets/css/xpwyfyy.css"></style>
  132. <style src="$project/assets/css/iconfont.css"></style>
  133. <style>
  134. </style>