detailsOfMyAppointment.html 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  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/mui.picker.js"></script> -->
  11. <!-- <script src="../js/mui.poppicker.js"></script> -->
  12. <link rel="stylesheet" href="../css/homeNew.css">
  13. <!-- <link href="../css/mui.picker.css" rel="stylesheet" /> -->
  14. <!-- <link href="../css/mui.poppicker.css" rel="stylesheet" /> -->
  15. <!--标准mui.css-->
  16. <link rel="stylesheet" href="../css/mui.min.css">
  17. <!-- 自定义工具类 -->
  18. <script type="module" src="../js/util.js"></script>
  19. </head>
  20. <body>
  21. <header class="mui-bar mui-bar-nav">
  22. <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
  23. <h1 class="mui-title pageName">预约详情</h1>
  24. </header>
  25. <div class="mui-content noBackImage">
  26. <div class="mui-main-box">
  27. <!-- 预约详情头部背景 -->
  28. <div class="detailsBg1">
  29. <div>我的预约
  30. <p>已临近就餐时间,请您尽快前往餐厅就餐</p>
  31. </div>
  32. </div>
  33. <!-- 预约详情-预约信息 -->
  34. <div class="detailInfoBox">
  35. <div class="displayFlex" style="margin-bottom: 1.5rem;">
  36. <span class="displayFlex"><img src="../images/menuIcon/ctyy.png" alt=""
  37. class="detailsImg" />蜀谭记·盐帮川菜&nbsp;&nbsp;></span>
  38. <div>
  39. <span class="mui-icon mui-icon-phone"></span>
  40. </div>
  41. </div>
  42. <div class="row">
  43. <div>时间人数:</div>
  44. <div>今天 03/07 15:30, 1人</div>
  45. </div>
  46. <div class="row">
  47. <div>位置要求:</div>
  48. <div>大厅</div>
  49. </div>
  50. <div class="row">
  51. <div>联系方式:</div>
  52. <div>杨女士&nbsp;&nbsp;182****2575</div>
  53. </div>
  54. <div style="margin-top: 1rem;float: right;">
  55. <div class="menuLocalPage" data-page-name="submitPage"
  56. style="font-size: 12px;padding: 5px 15px; border: 1px solid #E6E6E6;color: #999; border-radius: 2rem;line-height: 10px;">
  57. 取消订单</div>
  58. </div>
  59. </div>
  60. </div>
  61. </div>
  62. </body>
  63. </html>