busReservation.html 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>公车预约</title>
  6. <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
  7. <meta name="apple-mobile-web-app-capable" content="yes">
  8. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  9. <script src="../js/mui.js"></script>
  10. <script src="../js/pageConfig.js"></script>
  11. <script src="../js/mui.picker.js"></script>
  12. <script src="../js/mui.poppicker.js"></script>
  13. <link rel="stylesheet" href="../css/homeNew.css">
  14. <link href="../css/mui.picker.css" rel="stylesheet" />
  15. <link href="../css/mui.poppicker.css" rel="stylesheet" />
  16. <!--标准mui.css-->
  17. <link rel="stylesheet" href="../css/mui.min.css">
  18. <!-- 自定义工具类 -->
  19. <script type="module" src="../js/util.js"></script>
  20. </head>
  21. <body>
  22. <header class="mui-bar mui-bar-nav">
  23. <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
  24. <h1 class="mui-title pageName">公车预约</h1>
  25. </header>
  26. <div class="mui-content noBackImage">
  27. <div class="mui-main-box">
  28. <!-- 数据列表 -->
  29. <div class="data-list-box">
  30. <div class="data-list-title">
  31. <div class="pickerBox" option="problemModule2"></div>
  32. </div>
  33. <div class="data-list" id="dataListDom">
  34. <!-- 数据列表 -->
  35. <div class="dataItem2">
  36. <div>
  37. <p>沪AAW6106</p>
  38. <p>可用时间:16:00-18:00</p>
  39. </div>
  40. <div>
  41. <p>轿车</p>
  42. </div>
  43. <div>
  44. <span class="myReservation menuLocalPage" data-page-name="bookingDetails2">立即预定</span>
  45. </div>
  46. </div>
  47. <div class="dataItem2">
  48. <div>
  49. <p>沪AAW6106</p>
  50. <p>可用时间:16:00-18:00</p>
  51. </div>
  52. <div>
  53. <p>轿车</p>
  54. </div>
  55. <div>
  56. <span class="myUnReservation">已约满</span>
  57. </div>
  58. </div>
  59. <div class="dataItem2">
  60. <div>
  61. <p>沪AAW6106</p>
  62. <p>可用时间:16:00-18:00</p>
  63. </div>
  64. <div>
  65. <p>轿车</p>
  66. </div>
  67. <div>
  68. <span class="myReservation">立即预定</span>
  69. </div>
  70. </div>
  71. <div class="dataItem2">
  72. <div>
  73. <p>沪AAW6106</p>
  74. <p>可用时间:16:00-18:00</p>
  75. </div>
  76. <div>
  77. <p>轿车</p>
  78. </div>
  79. <div>
  80. <span class="myReservation">立即预定</span>
  81. </div>
  82. </div>
  83. <div class="dataItem2">
  84. <div>
  85. <p>沪AAW6106</p>
  86. <p>可用时间:16:00-18:00</p>
  87. </div>
  88. <div>
  89. <p>轿车</p>
  90. </div>
  91. <div>
  92. <span class="myUnReservation">已约满</span>
  93. </div>
  94. </div>
  95. <div class="dataItem2">
  96. <div>
  97. <p>沪AAW6106</p>
  98. <p>可用时间:16:00-18:00</p>
  99. </div>
  100. <div>
  101. <p>轿车</p>
  102. </div>
  103. <div>
  104. <span class="myReservation">立即预定</span>
  105. </div>
  106. </div>
  107. <!-- 分页自定义组件 -->
  108. <div id="listMoveDom">
  109. <div id="upTitle"></div>
  110. </div>
  111. </div>
  112. </div>
  113. </div>
  114. </div>
  115. </body>
  116. </html>