123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8">
- <title>我的预约详情</title>
- <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
- <meta name="apple-mobile-web-app-capable" content="yes">
- <meta name="apple-mobile-web-app-status-bar-style" content="black">
- <script src="../js/mui.js"></script>
- <!-- <script src="../js/mui.picker.js"></script> -->
- <!-- <script src="../js/mui.poppicker.js"></script> -->
- <link rel="stylesheet" href="../css/homeNew.css">
- <!-- <link href="../css/mui.picker.css" rel="stylesheet" /> -->
- <!-- <link href="../css/mui.poppicker.css" rel="stylesheet" /> -->
- <!--标准mui.css-->
- <link rel="stylesheet" href="../css/mui.min.css">
- <!-- 自定义工具类 -->
- <script type="module" src="../js/util.js"></script>
- </head>
- <body>
- <header class="mui-bar mui-bar-nav">
- <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
- <h1 class="mui-title pageName">预约详情</h1>
- </header>
- <div class="mui-content noBackImage">
- <div class="mui-main-box">
- <!-- 预约详情头部背景 -->
- <div class="detailsBg1">
- <div>我的预约
- <p>已临近就餐时间,请您尽快前往餐厅就餐</p>
- </div>
- </div>
- <!-- 预约详情-预约信息 -->
- <div class="detailInfoBox">
- <div class="displayFlex" style="margin-bottom: 1.5rem;">
- <span class="displayFlex"><img src="../images/menuIcon/ctyy.png" alt=""
- class="detailsImg" />蜀谭记·盐帮川菜 ></span>
- <div>
- <span class="mui-icon mui-icon-phone"></span>
- </div>
- </div>
- <div class="row">
- <div>时间人数:</div>
- <div>今天 03/07 15:30, 1人</div>
- </div>
- <div class="row">
- <div>位置要求:</div>
- <div>大厅</div>
- </div>
- <div class="row">
- <div>联系方式:</div>
- <div>杨女士 182****2575</div>
- </div>
- <div style="margin-top: 1rem;float: right;">
- <div class="menuLocalPage" data-page-name="submitPage"
- style="font-size: 12px;padding: 5px 15px; border: 1px solid #E6E6E6;color: #999; border-radius: 2rem;line-height: 10px;">
- 取消订单</div>
- </div>
- </div>
- </div>
- </div>
- </body>
- </html>
|