chanpin_list.html 4.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114
  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: 56px;}
  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="iconfont icon-shuiji"></span>
  77. <span class="mui-tab-label">水机</span>
  78. </a>
  79. <!--<a class="mui-control-item" style="display: none">
  80. <span class="iconfont icon-dingzhi"></span>
  81. <span class="mui-tab-label">定制</span>
  82. </a>-->
  83. <a class="mui-control-item" style="">
  84. <span class="iconfont icon-gehu"></span>
  85. <span class="mui-tab-label">个护</span>
  86. </a>
  87. <a class="mui-control-item" style="">
  88. <span class="iconfont icon-jiadian"></span>
  89. <span class="mui-tab-label">电器</span>
  90. </a>
  91. <a class="mui-control-item">
  92. <span class="iconfont icon-lvxin"></span>
  93. <span class="mui-tab-label">配件</span>
  94. </a>
  95. </div>
  96. <!--下拉刷新容器-->
  97. <div id="pullrefresh_chanpin_list" class="mui-content mui-scroll-wrapper" style="background: #fff;">
  98. <div class="mui-scroll">
  99. <!--数据列表-->
  100. <ul class="mui-table-view mui-grid-view my-tab-view-pull">
  101. </ul>
  102. </div>
  103. </div>
  104. <script src="js/mui.min.js"></script>
  105. <script src="js/jquery-2.1.1.min.js"></script>
  106. <script src="js/main.js"></script>
  107. <script src="js/page/wechat-utils-1.0.js"></script>
  108. <script src="js/page/validate.js"></script>
  109. <script src="js/page/chanpin_list.js"></script>
  110. </body>
  111. </html>