You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

207 lines
8.9 KiB

7 years ago
  1. <!DOCTYPE html><html><head><meta http-equiv="content-type" content="text/html;charset=utf-8"/>
  2. <title>商城</title><meta content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport">
  3. <link href="<?php echo env('APP_URL'); ?>/css/weixin/style.css" type="text/css" rel="stylesheet">
  4. <script type="text/javascript" src="<?php echo env('APP_WEIXIN'); ?>/js/jquery.min.js"></script>
  5. <meta name="keywords" content="关键词"><meta name="description" content="描述"></head><body>
  6. <!--顶部搜索栏-start-->
  7. <div id="search-placeholder" class="search">
  8. <div class="search_box">
  9. <a href="ajaxSearch.html">
  10. <span class="search_btn"><img src="<?php echo env('APP_URL'); ?>/images/weixin/search.png"></span>
  11. <input type="text" name="keyword" value="" placeholder="搜索您想要的商品"></a>
  12. </div>
  13. </div>
  14. <!--顶部搜索栏-end-->
  15. <!--顶部滚动广告栏-start-->
  16. <div class="tbanner">
  17. <!-- Swiper -->
  18. <div class="swiper-container">
  19. <div class="swiper-wrapper">
  20. <?php foreach($slide_list as $k=>$v){ ?>
  21. <div class="swiper-slide"><img src="<?php echo $v['pic']; ?>" alt="<?php echo $v['title']; ?>"></div>
  22. <?php } ?>
  23. </div>
  24. <!-- Add Pagination -->
  25. <div class="swiper-pagination swiper-pagination-white"></div>
  26. </div>
  27. </div>
  28. <link rel="stylesheet" href="<?php echo env('APP_URL'); ?>/css/swiper.min.css">
  29. <style>
  30. .swiper-container{width:100%;height:auto;}
  31. .swiper-slide{text-align:center;font-size:18px;background:#fff;}
  32. .swiper-slide img{width:100%;height:40vw;}
  33. </style>
  34. <script type="text/javascript" src="<?php echo env('APP_URL'); ?>/js/swiper.min.js"></script>
  35. <script>
  36. //Swiper轮播
  37. var swiper = new Swiper('.swiper-container', {
  38. pagination: '.swiper-pagination',
  39. paginationClickable: true,
  40. autoHeight: true, //enable auto height
  41. slidesPerView: 1,
  42. paginationClickable: true,
  43. spaceBetween: 30,
  44. loop: true,
  45. centeredSlides: true,
  46. autoplay: 3000,
  47. autoplayDisableOnInteraction: false
  48. });
  49. </script>
  50. <!--顶部滚动广告栏-end-->
  51. <!--导航左右滑动-start-->
  52. <div class="swiper-nav">
  53. <div class="swiper-wrapper">
  54. <div class="swiper-slide">新闻</div>
  55. <div class="swiper-slide">音乐</div>
  56. <div class="swiper-slide">Slide 3</div>
  57. <div class="swiper-slide">Slide 4</div>
  58. <div class="swiper-slide">Slide 5</div>
  59. <div class="swiper-slide">Slide 6</div>
  60. <div class="swiper-slide">Slide 7</div>
  61. <div class="swiper-slide">Slide 8</div>
  62. <div class="swiper-slide">Slide 9</div>
  63. <div class="swiper-slide">Slide 10</div>
  64. <div class="swiper-slide">Slide 3</div>
  65. <div class="swiper-slide">Slide 4</div>
  66. <div class="swiper-slide">Slide 5</div>
  67. <div class="swiper-slide">Slide 6</div>
  68. <div class="swiper-slide">Slide 7</div>
  69. <div class="swiper-slide">Slide 8</div>
  70. <div class="swiper-slide">Slide 9</div>
  71. <div class="swiper-slide">Slide 10</div>
  72. </div>
  73. </div>
  74. <style>.swiper-nav {width: 100%;height: 50px;line-height:50px;border-bottom:1px solid #efefef;}</style>
  75. <script>
  76. var swiper = new Swiper('.swiper-nav', {
  77. slidesPerView: 4 //一行4列显示
  78. });
  79. </script>
  80. <!--导航左右滑动-end-->
  81. <!--菜单-start-->
  82. <div class="floor home_menu">
  83. <nav>
  84. <a href="/index.php/mobile/Goods/categoryList.html">
  85. <img src="images/weixin/icon_03.png" alt="全部分类" />
  86. <span>全部分类</span>
  87. </a>
  88. <a href="http://www.shop.com/index.php/mobile/Goods/integralMall.html">
  89. <img src="images/weixin/icon_05.png" alt="积分商城" />
  90. <span>积分商城</span>
  91. </a>
  92. <a href="http://www.shop.com/index.php/mobile/Goods/brandstreet.html">
  93. <img src="images/weixin/icon_07.png" alt="品牌街" />
  94. <span>品牌街</span>
  95. </a>
  96. <a href="http://www.shop.com/index.php/mobile/Activity/promote_goods.html">
  97. <img src="images/weixin/icon_09.png" alt="优惠活动" />
  98. <span>优惠活动</span>
  99. </a>
  100. <a href="http://www.shop.com/index.php/mobile/Activity/group_list.html">
  101. <img src="images/weixin/icon_15.png" alt="团购" />
  102. <span>团购</span>
  103. </a>
  104. <a href="http://www.shop.com/index.php/mobile/User/order_list.html">
  105. <img src="images/weixin/icon_16.png" alt="我的订单" />
  106. <span>我的订单</span>
  107. </a>
  108. <a href="http://www.shop.com/index.php/mobile/Cart/index.html">
  109. <img src="images/weixin/icon_17.png" alt="购物车" />
  110. <span>购物车</span>
  111. </a>
  112. <a href="http://www.shop.com/index.php/mobile/User/index.html">
  113. <img src="images/weixin/icon_19.png" alt="个人中心" />
  114. <span>个人中心</span>
  115. </a>
  116. </nav>
  117. </div>
  118. <!--菜单-end-->
  119. <!--资讯头条-start-->
  120. <div class="bggrey">
  121. <div class="home_toutiao">
  122. <div class="home_toutiao_tit"><img src="images/weixin/ad_tit.png"></div>
  123. <div class="home_toutiao_box">
  124. <ul>
  125. <marquee id="mar1" scrollamount="1" direction="up" height="30" style="height: 30px;">
  126. <?php foreach($article_list as $k=>$v){ ?><li><a href="/Weixin/index.php?m=Article&amp;a=arclist&amp;id=38"><?php echo $v['title']; ?></a></li><?php } ?>
  127. </marquee>
  128. </ul>
  129. </div>
  130. </div>
  131. </div>
  132. <!--资讯头条-end-->
  133. <!--猜您喜欢-start-->
  134. <div class="floor guesslike">
  135. <div class="banner_tit"><img src="images/weixin/ind_52.jpg" alt="猜您喜欢"/></div>
  136. <div class="likeshop">
  137. <ul class="goods_list" id="goods_list">
  138. <li><a href="detail.html"><img alt="1" src="images/weixin/goods_thumb_400_400.jpeg"><div class="goods_info"><p class="goods_tit">美女真空凸点诱惑</p><div class="goods_price"><b>100.00</b></div></div></a></li>
  139. <li><a href="detail.html"><img alt="2" src="images/weixin/goods_thumb_400_400.jpeg"><div class="goods_info"><p class="goods_tit">性感小骚货在床上</p><div class="goods_price"><b>100.00</b></div></div></a></li>
  140. <li><a href="detail.html"><img alt="3" src="images/weixin/goods_thumb_400_400.jpeg"><div class="goods_info"><p class="goods_tit">小野猫嫩模大尺度写真</p><div class="goods_price"><b>100.00</b></div></div></a></li>
  141. <li><a href="detail.html"><img alt="4" src="images/weixin/goods_thumb_400_400.jpeg"><div class="goods_info"><p class="goods_tit">韩国嫩模的逆天身材</p><div class="goods_price"><b>100.00</b></div></div></a></li>
  142. <li><a href="detail.html"><img alt="5" src="images/weixin/goods_thumb_400_400.jpeg"><div class="goods_info"><p class="goods_tit">推女郎林夕图片</p><div class="goods_price"><b>100.00</b></div></div></a></li>
  143. <li><a href="detail.html"><img alt="6" src="images/weixin/goods_thumb_400_400.jpeg"><div class="goods_info"><p class="goods_tit">性感闺蜜艺术照</p><div class="goods_price"><b>100.00</b></div></div></a></li>
  144. </ul>
  145. </div>
  146. </div>
  147. <script>
  148. $(function(){
  149. var ajaxload=false;
  150. var maxpage=false;
  151. var startpage=1;
  152. var totalpage="{$totalpage}";
  153. var tmp_url = window.location.href;
  154. msg = tmp_url.split("#");
  155. tmp_url = msg[0];
  156. $(window).scroll(function ()
  157. {
  158. var listheight = $("#goods_list").outerHeight();
  159. if ($(document).scrollTop() + $(window).height() >= listheight) {
  160. if(startpage>=totalpage){
  161. //$("#submit_bt_one").html("已是最后一页,没有更多数据!");
  162. return false;
  163. }
  164. if(!ajaxload&&!maxpage){
  165. ajaxload=true;
  166. //$("#submit_bt_one").html("努力加载中...");
  167. var url = tmp_url;
  168. var nextpage = startpage+1;
  169. var role_id = "{$role_id}";
  170. $.post(url,{page_ajax:1,page:nextpage,role_id:role_id},function(data){
  171. //alert(data.html);
  172. if(data.html){
  173. $("#goods_list").append(data.html);
  174. startpage++;
  175. if(startpage>=totalpage){
  176. maxpage=true;
  177. //$("#submit_bt_one").html("已是最后一页,没有更多数据!");
  178. }else{
  179. //$("#submit_bt_one").html("点击加载更多");
  180. }
  181. ajaxload=false;
  182. }else{
  183. //$("#submit_bt_one").html("请求失败,请稍候再试!");
  184. ajaxload=false;
  185. }
  186. },'json');
  187. }
  188. }
  189. });
  190. });
  191. function messageNotice(message)
  192. {
  193. $("#message").html(message);
  194. $(".messageShow").show();
  195. setInterval(function(){$(".messageShow").hide();},3000);
  196. }
  197. </script>
  198. <!--猜您喜欢-end-->
  199. @include('weixin.common.footer')
  200. </body></html>