chanpin_list.html 4.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113
  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;}
  17. #pullrefresh_chanpin_list{padding-top: 51px;}
  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. </style>
  30. <script type="text/javascript">
  31. // 屏蔽分享
  32. window.hiddenAllWechatMenu = true;
  33. </script>
  34. </head>
  35. <body>
  36. <div class="loading-bg">
  37. <div class="mui-loading">
  38. <div class="mui-spinner">
  39. </div>
  40. &nbsp;&nbsp;加载中...
  41. </div>
  42. </div>
  43. <nav class="mui-bar mui-bar-tab" id="footer-bar">
  44. <a class="mui-tab-item" >
  45. <div class="iconfont icon-home"></div>
  46. <span class="mui-tab-label">首页</span>
  47. </a>
  48. <a class="mui-tab-item">
  49. <div class="iconfont icon-gouwuche"><span class="mui-badge">0</span></div>
  50. <span class="mui-tab-label">购物车</span>
  51. </a>
  52. <a class="mui-tab-item">
  53. <div class="iconfont icon-dingdan"></div>
  54. <span class="mui-tab-label">我的订单</span>
  55. </a>
  56. <a class="mui-tab-item">
  57. <div class="iconfont icon-vip"></div>
  58. <span class="mui-tab-label">会员中心</span>
  59. </a>
  60. </nav>
  61. <!--<header class="mui-bar mui-bar-nav header">
  62. <div class="go-index go_index">
  63. <img src="images/logo-blue.png" />
  64. </div>
  65. <div class="mui-input-row mui-search my-search">
  66. <input id="chanpin-search" type="search" class="mui-input-clear" placeholder="">
  67. </div>
  68. 切换视图和列表
  69. <div class="box-list-card">
  70. <span class="iconfont icon-list-card"></span>
  71. </div>
  72. </header>-->
  73. <div class="mui-segmented-control tab-with-chanpin-list">
  74. <a class="mui-control-item mui-active">
  75. <span class="iconfont icon-shuiji"></span>
  76. <span class="mui-tab-label">水机</span>
  77. </a>
  78. <!--<a class="mui-control-item" style="display: none">
  79. <span class="iconfont icon-dingzhi"></span>
  80. <span class="mui-tab-label">定制</span>
  81. </a>-->
  82. <a class="mui-control-item" style="">
  83. <span class="iconfont icon-gehu"></span>
  84. <span class="mui-tab-label">个护</span>
  85. </a>
  86. <a class="mui-control-item" style="">
  87. <span class="iconfont icon-jiadian"></span>
  88. <span class="mui-tab-label">电器</span>
  89. </a>
  90. <a class="mui-control-item">
  91. <span class="iconfont icon-lvxin"></span>
  92. <span class="mui-tab-label">配件</span>
  93. </a>
  94. </div>
  95. <!--下拉刷新容器-->
  96. <div id="pullrefresh_chanpin_list" class="mui-content mui-scroll-wrapper" style="background: #fff;">
  97. <div class="mui-scroll">
  98. <!--数据列表-->
  99. <ul class="mui-table-view mui-grid-view my-tab-view-pull">
  100. </ul>
  101. </div>
  102. </div>
  103. <script src="js/mui.min.js"></script>
  104. <script src="js/jquery-2.1.1.min.js"></script>
  105. <script src="js/main.js"></script>
  106. <script src="js/page/wechat-utils-1.0.js"></script>
  107. <script src="js/page/validate.js"></script>
  108. <script src="js/page/chanpin_list.js"></script>
  109. </body>
  110. </html>