chanpin_list.html 3.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100
  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. <body>
  37. <div class="loading-bg">
  38. <div class="mui-loading">
  39. <div class="mui-spinner">
  40. </div>
  41. &nbsp;&nbsp;加载中...
  42. </div>
  43. </div>
  44. <nav class="mui-bar mui-bar-tab" id="footer-bar">
  45. <a class="mui-tab-item" >
  46. <div class="iconfont icon-home"></div>
  47. <span class="mui-tab-label">首页</span>
  48. </a>
  49. <a class="mui-tab-item">
  50. <div class="iconfont icon-gouwuche"><span class="mui-badge">0</span></div>
  51. <span class="mui-tab-label">购物车</span>
  52. </a>
  53. <a class="mui-tab-item">
  54. <div class="iconfont icon-dingdan"></div>
  55. <span class="mui-tab-label">订单</span>
  56. </a>
  57. <a class="mui-tab-item">
  58. <div class="iconfont icon-vip"></div>
  59. <span class="mui-tab-label">我的</span>
  60. </a>
  61. </nav>
  62. <!--<header class="mui-bar mui-bar-nav header">
  63. <div class="go-index go_index">
  64. <img src="images/logo-blue.png" />
  65. </div>
  66. <div class="mui-input-row mui-search my-search">
  67. <input id="chanpin-search" type="search" class="mui-input-clear" placeholder="">
  68. </div>
  69. 切换视图和列表
  70. <div class="box-list-card">
  71. <span class="iconfont icon-list-card"></span>
  72. </div>
  73. </header>-->
  74. <div class="mui-segmented-control tab-with-chanpin-list">
  75. <a class="mui-control-item mui-active">
  76. <span class="mui-tab-label">经典款净水机</span>
  77. </a>
  78. <a class="mui-control-item">
  79. <span class="mui-tab-label">制氢款净水机</span>
  80. </a>
  81. </div>
  82. <!--下拉刷新容器-->
  83. <div id="pullrefresh_chanpin_list" class="mui-content mui-scroll-wrapper" style="background: #fff;">
  84. <div class="mui-scroll">
  85. <!--数据列表-->
  86. <ul class="mui-table-view mui-grid-view my-tab-view-pull">
  87. </ul>
  88. </div>
  89. </div>
  90. <script src="js/mui.min.js"></script>
  91. <script src="js/jquery-2.1.1.min.js"></script>
  92. <script src="js/main.js"></script>
  93. <script src="js/page/wechat-utils-1.0.js"></script>
  94. <script src="js/page/validate.js"></script>
  95. <script src="js/page/chanpin_list.js"></script>
  96. </body>
  97. </html>