chanpin_list.html 3.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106
  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. <link rel="stylesheet" type="text/css" href="css/mui.min.css" />
  10. <link rel="stylesheet" type="text/css" href="css/iconfont.css" />
  11. <link rel="stylesheet" type="text/css" href="css/style.css" />
  12. <style>
  13. #pullrefresh_chanpin_list .mui-table-view-chevron .wh-100{padding:0;}
  14. .mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-object:nth-of-type(odd){padding-right: 4px;}
  15. .mui-pull-caption{font-size: 12px;}
  16. .tab-with-chanpin-list{margin-top: 0;padding-top: 5px;}
  17. #pullrefresh_chanpin_list{padding-top: 46px;}
  18. #pullrefresh_chanpin_list .mui-table-view-cell{border-bottom: 0;text-align: left;}
  19. #pullrefresh_chanpin_list .mui-table-view-chevron .mui-table-view-cell:last-child{border-bottom: 0;}
  20. #pullrefresh_chanpin_list .mui-table-view-cell:after{display: none;}
  21. #pullrefresh_chanpin_list .mui-grid-view{padding:0 10px 10px 0;}
  22. #pullrefresh_chanpin_list .mui-grid-view .mui-table-view-cell>a{background: #fff;}
  23. #pullrefresh_chanpin_list .mui-grid-view .mui-table-view-cell:nth-of-type(odd){border-right: 0;}
  24. #pullrefresh_chanpin_list .mui-grid-view .mui-table-view-cell:nth-of-type(even){border-left: 0;}
  25. #pullrefresh_chanpin_list .mui-grid-view .mui-table-view-cell:nth-of-type(odd):last-child{border-bottom: 0;}
  26. #pullrefresh_chanpin_list .mui-table-view-chevron .wh-100{padding:0;}
  27. #pullrefresh_chanpin_list .mui-grid-view .shop-price {padding:0;}
  28. #pullrefresh_chanpin_list .my-tab-view-pull:after{display: none;}
  29. .go_chanpin_details .mui-h6{margin-top: 5px;}
  30. </style>
  31. <script type="text/javascript">
  32. // 屏蔽分享
  33. window.hiddenAllWechatMenu = true;
  34. </script>
  35. </head>
  36. <script>
  37. var d = new Date().getTime(); //当前时间戳
  38. if (d > 1558627200000 && d <= 1560873599000) {
  39. location.href = "chanpin_list_20190618.html";
  40. }
  41. </script>
  42. <body>
  43. <div class="loading-bg">
  44. <div class="mui-loading">
  45. <div class="mui-spinner">
  46. </div>
  47. &nbsp;&nbsp;加载中...
  48. </div>
  49. </div>
  50. <nav class="mui-bar mui-bar-tab" id="footer-bar">
  51. <a class="mui-tab-item" >
  52. <div class="iconfont icon-shouye"></div>
  53. <span class="mui-tab-label">首页</span>
  54. </a>
  55. <a class="mui-tab-item">
  56. <div class="iconfont icon-gouwuche"><span class="mui-badge">0</span></div>
  57. <span class="mui-tab-label">购物车</span>
  58. </a>
  59. <a class="mui-tab-item">
  60. <div class="iconfont icon-dingdan"></div>
  61. <span class="mui-tab-label">订单</span>
  62. </a>
  63. <a class="mui-tab-item">
  64. <div class="iconfont icon-wode"></div>
  65. <span class="mui-tab-label">我的</span>
  66. </a>
  67. </nav>
  68. <!--<header class="mui-bar mui-bar-nav header">
  69. <div class="go-index go_index">
  70. <img src="images/logo-blue.png" />
  71. </div>
  72. <div class="mui-input-row mui-search my-search">
  73. <input id="chanpin-search" type="search" class="mui-input-clear" placeholder="">
  74. </div>
  75. 切换视图和列表
  76. <div class="box-list-card">
  77. <span class="iconfont icon-list-card"></span>
  78. </div>
  79. </header>-->
  80. <div class="mui-segmented-control tab-with-chanpin-list">
  81. <a class="mui-control-item mui-active">
  82. <span class="mui-tab-label">Aiberle</span>
  83. </a>
  84. <a class="mui-control-item">
  85. <span class="mui-tab-label">WaterO</span>
  86. </a>
  87. </div>
  88. <!--下拉刷新容器-->
  89. <div id="pullrefresh_chanpin_list" class="mui-content mui-scroll-wrapper" style="background: #fff;">
  90. <div class="mui-scroll">
  91. <!--数据列表-->
  92. <ul class="mui-table-view mui-grid-view my-tab-view-pull">
  93. </ul>
  94. </div>
  95. </div>
  96. <script src="js/mui.min.js"></script>
  97. <script src="js/jquery-2.1.1.min.js"></script>
  98. <script src="js/main.js"></script>
  99. <script src="js/page/wechat-utils-1.0.js"></script>
  100. <script src="js/page/validate.js"></script>
  101. <script src="js/page/chanpin_list.js"></script>
  102. </body>
  103. </html>