merchantList.jsp 4.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150
  1. <%@ page language="java" contentType="text/html; charset=UTF-8"
  2. pageEncoding="UTF-8"%>
  3. <%@ include file="meta.jsp"%>
  4. <script src="${base}/static/mobile/frame/mui/js/location.js"></script>
  5. <script src="${base}/static/web/frame/jquery/jquery.lazyload.js"></script>
  6. <link rel="stylesheet" href="${base}/static/mobile/frame/dropload/dropload.css?v=${version}">
  7. <script src="${base}/static/mobile/frame/dropload/dropload.js?v=${version}"></script>
  8. <script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=mHjQLONxGpRtrZHZkxr9t3cD3n0HupQ0"></script>
  9. <title>上饶好店</title>
  10. <style>
  11. .mui-col-xs-4 {
  12. text-align: center;
  13. line-height: 0.88rem;
  14. font-size: 0.28rem;
  15. }
  16. .mui-bar-nav .mui-icon{
  17. position: absolute;
  18. right: 0;
  19. }
  20. .mui-popover{
  21. left: 0;
  22. top: 0.88rem;
  23. width: 100%;
  24. border-radius: 0;
  25. box-shadow: none;
  26. -webkit-box-shadow: none;
  27. }
  28. .mui-popover .mui-scroll-wrapper{
  29. margin: 0;
  30. border-radius: 0;
  31. }
  32. .mui-backdrop{
  33. top: 0.88rem;
  34. }
  35. #topPopover{
  36. height: 3.45rem;
  37. }
  38. #middlePopover{
  39. height: 6rem;
  40. }
  41. #bottomPopover{
  42. height: 0.9rem;
  43. }
  44. .mui-table-cell.active{
  45. color: #FF6666;
  46. }
  47. .mui-table-cell.active .mui-icon-arrowdown{
  48. transform: rotate(-180deg);
  49. }
  50. .mui-table-view .mui-media-object{
  51. width: 26%;
  52. height: 1.3rem;
  53. max-width: 30%;
  54. }
  55. .dropload-down .bgcolor1{
  56. background-color: transparent!important;
  57. }
  58. .pr15.mui-ellipsis-2{
  59. line-height: 1.2;
  60. }
  61. </style>
  62. </head>
  63. <body>
  64. <nav class="mui-bar mui-bar-tab">
  65. <a class="mui-tab-item" href="${base}/mobile/index.jsp">
  66. <span class="mui-icon iconfont icon-shouye"></span>
  67. <span class="mui-tab-label">首页</span>
  68. </a>
  69. <a class="mui-tab-item" href="${base}/mobile/cutProductList.jsp">
  70. <span class="mui-icon iconfont icon-jianjia"></span>
  71. <span class="mui-tab-label">减价</span>
  72. </a>
  73. <a class="mui-tab-item mui-active" href="${base}/mobile/merchantList.jsp">
  74. <span class="mui-icon iconfont icon-shangjia"></span>
  75. <span class="mui-tab-label">好店</span>
  76. </a>
  77. <a class="mui-tab-item" href="${base}/mobile/userCenter.jsp">
  78. <span class="mui-icon iconfont icon-huiyuan1"></span>
  79. <span class="mui-tab-label">我的</span>
  80. </a>
  81. </nav>
  82. <header class="mui-bar mui-bar-nav">
  83. <div class="mui-table">
  84. <div class="mui-table-cell mui-col-xs-4" id="tab1">
  85. <span>默认排序</span><span class="mui-icon mui-icon-arrowdown">
  86. </div>
  87. <div class="mui-table-cell mui-col-xs-4" id="tab2">
  88. <span>全部分类</span><span class="mui-icon mui-icon-arrowdown">
  89. </div>
  90. <div class="mui-table-cell mui-col-xs-4" id="tab3">
  91. <span>全部商圈</span><span class="mui-icon mui-icon-arrowdown">
  92. </div>
  93. </div>
  94. </header>
  95. <div class="mui-content">
  96. <div class="merchant-content">
  97. <div id="merchantList">
  98. </div>
  99. </div>
  100. </div>
  101. <!--排序-->
  102. <div id="topPopover" class="mui-popover">
  103. <div class="mui-scroll-wrapper">
  104. <div class="mui-scroll">
  105. <ul class="mui-table-view line-left fs14">
  106. <li class="mui-table-view-cell" data="">
  107. <a href="javascript:void(0)">默认排序</a>
  108. </li>
  109. <li class="mui-table-view-cell" data="10">
  110. <a href="javascript:void(0)">距离最近</a>
  111. </li>
  112. <li class="mui-table-view-cell" data="20">
  113. <a href="javascript:void(0)">人气最火</a>
  114. </li>
  115. <li class="mui-table-view-cell" data="30">
  116. <a href="javascript:void(0)">商家最新</a>
  117. </li>
  118. </ul>
  119. </div>
  120. </div>
  121. </div>
  122. <!--分类-->
  123. <div id="middlePopover" class="mui-popover">
  124. <div class="mui-scroll-wrapper">
  125. <div class="mui-scroll">
  126. <ul class="mui-table-view line-left fs14">
  127. <li class="mui-table-view-cell" data="">
  128. <a href="javascript:void(0)">全部分类</a>
  129. </li>
  130. </ul>
  131. </div>
  132. </div>
  133. </div>
  134. <!--商圈-->
  135. <div id="bottomPopover" class="mui-popover mui-popover-bottom">
  136. <div class="mui-scroll-wrapper">
  137. <div class="mui-scroll">
  138. <ul class="mui-table-view line-left fs14" data="">
  139. <li class="mui-table-view-cell">
  140. <a href="javascript:void(0)">全部商圈</a>
  141. </li>
  142. </ul>
  143. </div>
  144. </div>
  145. </div>
  146. </body>
  147. <script src="${base}/static/mobile/js/merchantList.js?v=${version}"></script>
  148. </html>