index.jsp 4.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163
  1. <%@ page language="java" contentType="text/html; charset=UTF-8"
  2. pageEncoding="UTF-8" %>
  3. <%@ include file="meta.jsp" %>
  4. <script src="${base}/static/web/frame/jquery/jquery.lazyload.js"></script>
  5. <link rel="stylesheet" href="${base}/static/web/frame/swiper/swiper-3.4.2.min.css">
  6. <script src="${base}/static/web/frame/swiper/swiper-3.4.2.jquery.min.js"></script>
  7. <title>抢购列表</title>
  8. <style>
  9. .mui-slider .mui-slider-group .mui-slider-item img {
  10. height: 100%;
  11. width: 100%;
  12. }
  13. .mui-btn {
  14. padding: 0.05rem 0.2rem;
  15. font-size: 0.26rem;
  16. }
  17. .mui-table-view:before {
  18. top: 0;
  19. }
  20. .nav2 img {
  21. width: 0.8rem;
  22. }
  23. .nav3 img {
  24. width: 100%;
  25. display: block;
  26. }
  27. .mui-grid-9.nav2 {
  28. padding: 0.1rem 0;
  29. }
  30. .mui-grid-9.nav2 .mui-table-view-cell {
  31. padding: 0.1rem 0.3rem;
  32. }
  33. .mui-grid-9.nav2 a {
  34. padding: 0 !important;
  35. }
  36. .mui-grid-9.nav3 .mui-table-view-cell {
  37. padding: 0;
  38. }
  39. .mui-grid-9.nav3 {
  40. padding: 0 0 0 0.3rem;
  41. }
  42. .mui-grid-9.nav3 a {
  43. padding: 0 0.3rem 0.3rem 0 !important;
  44. }
  45. .mui-grid-view.mui-grid-9 {
  46. border: 0;
  47. }
  48. .mui-grid-view.mui-grid-9 .mui-table-view-cell {
  49. border: 0;
  50. }
  51. .swiper-pagination-fraction {
  52. bottom: 0.2rem;
  53. text-align: right;
  54. }
  55. .swiper-container img {
  56. width: 100%;
  57. height: 188px;
  58. }
  59. .more {
  60. text-align: right;
  61. position: absolute;
  62. right: 0.3rem;
  63. bottom: 0.2rem;
  64. }
  65. .product-section .mui-navigate-right:after {
  66. right: 0;
  67. }
  68. .productName{
  69. line-height: 0.4rem;
  70. height: 0.8rem;
  71. }
  72. </style>
  73. </head>
  74. <body>
  75. <nav class="mui-bar mui-bar-tab">
  76. <a class="mui-tab-item mui-active" href="${base}/mobile/index.jsp">
  77. <span class="mui-icon iconfont icon-shouye"></span>
  78. <span class="mui-tab-label">首页</span>
  79. </a>
  80. <a class="mui-tab-item" href="${base}/mobile/cutProductList.jsp">
  81. <span class="mui-icon iconfont icon-jianjia"></span>
  82. <span class="mui-tab-label">减价</span>
  83. </a>
  84. <a class="mui-tab-item" href="${base}/mobile/merchantList.jsp">
  85. <span class="mui-icon iconfont icon-shangjia"></span>
  86. <span class="mui-tab-label">好店</span>
  87. </a>
  88. <a class="mui-tab-item" href="${base}/mobile/userCenter.jsp">
  89. <span class="mui-icon iconfont icon-huiyuan1"></span>
  90. <span class="mui-tab-label">我的</span>
  91. </a>
  92. </nav>
  93. <div class="mui-content">
  94. <div class="nav" id="nav">
  95. </div>
  96. <div class="product-section" id="hot">
  97. <div class="section-title items">
  98. <span class="fs20">☞今日值得买!</span>
  99. <div class="swiper-pagination" id="hot-pagination"></div>
  100. </div>
  101. <div class="swiper-container" id="hot-swiper">
  102. <div class="swiper-wrapper">
  103. </div>
  104. </div>
  105. </div>
  106. <div class="product-section" id="cut">
  107. <div class="section-title items">
  108. <span class="fs20">☞优惠疯狂砍!</span>
  109. <div class="swiper-pagination" id="cut-pagination"></div>
  110. </div>
  111. <div class="swiper-container" id="cut-swiper">
  112. <div class="swiper-wrapper">
  113. </div>
  114. <!-- 如果需要分页器 -->
  115. </div>
  116. </div>
  117. <div id="product"></div>
  118. <div class="product-section pb0" id="end">
  119. <div class="section-title items">
  120. <span class="fs20">☞往期推荐!</span>
  121. <a href="${base}/mobile/productCategory.jsp" class="mui-navigate-right"><span class="fs14 color2 more">查看更多活动</span></a>
  122. </div>
  123. <div class="nav" style="height: 4.2rem;">
  124. <div class="section-style2">
  125. <div class="section-list" >
  126. </div>
  127. </div>
  128. </div>
  129. </div>
  130. <div class="tuiguang">
  131. <img src="${base}/static/mobile/image/tuiguang.png">
  132. <div class="fs12 lbl">推广赚钱</div>
  133. </div>
  134. <div id="share" style="display:none;">
  135. <div class="share-bg"></div>
  136. <img src="${base}/static/mobile/image/fenxiang.png" class="share-img">
  137. </div>
  138. </div>
  139. </body>
  140. <script src="${base}/static/mobile/js/index.js?v=3"></script>
  141. </html>