order_list.html 3.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124
  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="format-detection" content="telephone=no" />
  8. <meta name="apple-mobile-web-app-capable" content="yes" />
  9. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  10. <meta name="format-detection" content="telphone=no, email=no" />
  11. <link rel="stylesheet" type="text/css" href="css/mui.min.css" />
  12. <link rel="stylesheet" type="text/css" href="css/iconfont.css" />
  13. <link rel="stylesheet" type="text/css" href="css/style.css" />
  14. <link rel="stylesheet" type="text/css" href="css/mui.picker.min.css" />
  15. <link rel="stylesheet" type="text/css" href="css/order_list.css" />
  16. <script>
  17. // 屏蔽分享
  18. window.hiddenAllWechatMenu = true;
  19. </script>
  20. </head>
  21. <body>
  22. <div class="loading-bg">
  23. <div class="mui-loading">
  24. <div class="mui-spinner">
  25. </div>
  26. &nbsp;&nbsp;加载中...
  27. </div>
  28. </div>
  29. <nav class="mui-bar mui-bar-tab" id="footer-bar">
  30. <a class="mui-tab-item ">
  31. <div class="iconfont">
  32. <svg class="icon" aria-hidden="true">
  33. <use xlink:href="#icon-kang-hui"></use>
  34. </svg>
  35. </div>
  36. <span class="mui-tab-label">首页</span>
  37. </a>
  38. <a class="mui-tab-item go_gwc">
  39. <div class="iconfont icon-gouwuche-num">
  40. <svg class="icon" aria-hidden="true">
  41. <use xlink:href="#icon-ji-hui"></use>
  42. </svg>
  43. <span class="mui-badge">0</span>
  44. </div>
  45. <span class="mui-tab-label">购物车</span>
  46. </a>
  47. <a class="mui-tab-item mui-active-select">
  48. <div class="iconfont">
  49. <svg class="icon" aria-hidden="true">
  50. <use xlink:href="#icon-W-yi"></use>
  51. </svg>
  52. </div>
  53. <span class="mui-tab-label">订单</span>
  54. </a>
  55. <a class="mui-tab-item">
  56. <div class="iconfont">
  57. <svg class="icon" aria-hidden="true">
  58. <use xlink:href="#icon-qing-hui"></use>
  59. </svg>
  60. </div>
  61. <span class="mui-tab-label">我的</span>
  62. </a>
  63. </nav>
  64. <!--<header class="mui-bar mui-bar-nav header">
  65. <div class="go-index go_index">
  66. <img src="images/logo-blue.png" />
  67. </div>
  68. <button type="button" class="mui-btn mui-icon mui-icon-search my-right"></button>
  69. <div class="search-box">
  70. <div class="mui-input-row mui-search my-search">
  71. <input id="order-list-search" type="search" class="mui-input-clear" placeholder="搜索产品名、订单号">
  72. </div>
  73. <div class="mui-input-row">
  74. <input id='mydate' type="text" class="mui-text-center" placeholder="选择日期">
  75. </div>
  76. </div>
  77. </header>-->
  78. <div class="mui-segmented-control tab-with-orderlist">
  79. <a class="mui-control-item icon-topay mui-active" tabindex="0">
  80. <!--<span class="iconfont icon-daifukuan"></span>-->
  81. <span class="mui-tab-label">待付款</span>
  82. </a>
  83. <a class="mui-control-item icon-ping" tabindex="15">
  84. <span class="mui-tab-label">拼单中</span>
  85. </a>
  86. <a class="mui-control-item icon-todelivery" tabindex="1">
  87. <!--<span class="iconfont icon-daifahuo"></span>-->
  88. <span class="mui-tab-label">待发货</span>
  89. </a>
  90. <a class="mui-control-item icon-delivery" tabindex="2">
  91. <!--<span class="iconfont icon-yifahuo"></span>-->
  92. <span class="mui-tab-label">已发货</span>
  93. </a>
  94. <a class="mui-control-item icon-allorder" tabindex="3">
  95. <!--<span class="iconfont icon-alldingdan"></span>-->
  96. <span class="mui-tab-label">全部</span>
  97. </a>
  98. </div>
  99. <!--下拉刷新容器-->
  100. <div id="pullrefresh_order_list" class="mui-content mui-scroll-wrapper">
  101. <div class="mui-scroll">
  102. <!--数据列表-->
  103. <ul class="mui-table-view mui-table-view-chevron my-scroll-order">
  104. </ul>
  105. </div>
  106. </div>
  107. <script src="js/mui.min.js"></script>
  108. <script src="js/mui.picker.min.js"></script>
  109. <script src="js/jquery-2.1.1.min.js"></script>
  110. <script src="js/main.js"></script>
  111. <script src="js/page/layer.js"></script>
  112. <script src="js/validate.js"></script>
  113. <script src="js/page/wechat-utils-1.0.js"></script>
  114. <script src="js/page/order_list.js"></script>
  115. <script src="js/iconfont.js"></script>
  116. </body>
  117. </html>