orders.html 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <title>确认订单</title>
  8. <link rel="stylesheet" href="./lib/iconfont/iconfont.css">
  9. <link rel="stylesheet" href="./css/base.css">
  10. <link rel="stylesheet" href="./css/orders.css">
  11. </head>
  12. <body>
  13. <!-- 主体内容: 滑动查看 -->
  14. <div class="main">
  15. <!-- 用户信息 -->
  16. <div class="pannel user_msg">
  17. <div class="location">
  18. <i class="iconfont icon-location"></i>
  19. </div>
  20. <div class="user">
  21. <div class="top">
  22. <h5>林丽</h5>
  23. <p>18500667882</p>
  24. </div>
  25. <div class="bottom">北京市 海淀区 中关村软件园 信息科技大厦1号
  26. 楼410# </div>
  27. </div>
  28. <div class="more">
  29. <i class="iconfont icon-more"></i>
  30. </div>
  31. </div>
  32. <!-- 用户信息 -->
  33. </div>
  34. <!-- 主体内容: 滑动查看 -->
  35. <!-- 底部支付: 固定定位 -->
  36. <div class="pay">
  37. <div class="left">
  38. 合计: <span class="red">¥<i>266.00</i></span>
  39. </div>
  40. <div class="right">
  41. <a href="#">去支付</a>
  42. </div>
  43. </div>
  44. <!-- 底部支付: 固定定位 -->
  45. </body>
  46. </html>