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.

190 lines
9.0 KiB

7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
  1. <!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
  2. <title><?php echo sysconfig('CMS_WEBNAME'); ?></title><meta name="keywords" content="{dede:field.keywords/}" /><meta name="description" content="{dede:field.description function='html2text(@me)'/}" /><link rel="stylesheet" href="<?php echo sysconfig('CMS_BASEHOST'); ?>/css/style.css"></head><body>
  3. @include('home.common.header')
  4. <style>
  5. .main-theme .item{width: 33.3%;width: 33.3% !important;height:120px;float: left;overflow: hidden;-webkit-transition: width .3s ease;-moz-transition: width .3s ease;-o-transition: width .3s ease;transition: width .3s ease;}
  6. .main-theme .item img{width:100%;height:100%;}
  7. </style>
  8. <!--顶部滚动广告栏-start-->
  9. <?php if($slide_list){ ?>
  10. <div class="box" style="margin-top:10px;margin-bottom:10px;">
  11. <!-- Swiper -->
  12. <div class="swiper-container">
  13. <div class="swiper-wrapper">
  14. <?php foreach($slide_list as $k=>$v){ ?>
  15. <div class="swiper-slide"><a href="<?php if($v['url']){echo $v['url'];}else{echo 'javascript:;';} ?>"><img src="<?php echo $v['pic']; ?>" alt="<?php echo $v['title']; ?>"></a></div>
  16. <?php } ?>
  17. </div>
  18. <!-- Add Pagination -->
  19. <div class="swiper-pagination swiper-pagination-white"></div>
  20. </div>
  21. </div>
  22. <?php } ?>
  23. <link rel="stylesheet" href="<?php echo env('APP_URL'); ?>/css/swiper.min.css">
  24. <script type="text/javascript" src="<?php echo env('APP_URL'); ?>/js/swiper.min.js"></script>
  25. <style>
  26. .swiper-container{width:100%;height:auto;}
  27. .swiper-slide{text-align:center;font-size:18px;background:#fff;}
  28. .swiper-slide img{width:100%;height:320px;}
  29. </style>
  30. <script>
  31. //Swiper轮播
  32. var swiper = new Swiper('.swiper-container', {
  33. pagination: '.swiper-pagination',
  34. paginationClickable: true,
  35. autoHeight: true, //enable auto height
  36. slidesPerView: 1,
  37. paginationClickable: true,
  38. spaceBetween: 30,
  39. loop: true,
  40. centeredSlides: true,
  41. autoplay: 3000,
  42. autoplayDisableOnInteraction: false
  43. });
  44. </script>
  45. <!--顶部滚动广告栏-end-->
  46. <!--导航栏-start-->
  47. <style>
  48. .cat-menu-h {padding:8px 0;margin-bottom:10px;background-color: #fff;border-bottom: 1px dotted #ccc;border-top: 1px dotted #ccc;}
  49. .cat-menu-h ul {font-size: 14px;}
  50. .cat-menu-h ul li {float: left;}
  51. .cat-menu-h ul a {display: block;padding: 2px 10px;text-align: center;color: #666;white-space: nowrap;}
  52. .cat-menu-h ul a:hover {background-color: #e61414;color: #fff;}
  53. .cat-menu-h ul a.forecast:hover {background-color: #26a96d;color: #fff;}
  54. .cat-menu-h ul a.forecast {color: #26a96d;}
  55. </style>
  56. <div class="box">
  57. <div class="cat-menu-h">
  58. <ul class="clearfix">
  59. <li><a<?php if(route('home_goodslist') == url()->full()){echo ' class="hover"';} ?> href="<?php echo route('home_goodslist'); ?>">全部</a></li>
  60. <?php if($goodstype_list){foreach($goodstype_list as $k=>$v){ ?>
  61. <li><a<?php if(route('home_goodslist',array('typeid'=>$v['id'])) == url()->full()){echo ' class="hover"';} ?> href="<?php echo route('home_goodslist',array('typeid'=>$v['id'])); ?>"><?php echo $v['name']; ?></a></li><?php }} ?>
  62. <li><a class="forecast" href="<?php echo route('home_goodslist',array('tuijian'=>1)); ?>"> [推荐] </a></li>
  63. </ul>
  64. <form method="get" class="m-sch fr" name="formsearch" action="<?php echo route('home_goodslist'); ?>"><input class="sch-txt" name="keyword" type="text" value="搜索 按Enter键" onfocus="if(value=='搜索 按Enter键') {value=''}" onblur="if(value=='') {value='搜索 按Enter键'}"></form>
  65. <div class="cl"></div></div>
  66. </div>
  67. <!--导航栏-end-->
  68. <style>
  69. .brandul{margin-right:-10px;}
  70. .brandul li{margin: 0 10px 10px 0;-webkit-box-shadow: 0 1px 0 rgba(0,0,0,.1);-moz-box-shadow: 0 1px 0 rgba(0,0,0,.1);box-shadow: 0 1px 0 rgba(0,0,0,.1);float: left;}
  71. .brandul li a{display: block;overflow: hidden;width: 100%;height: 100%;text-decoration: none;}
  72. .brandul li .brand-pic{width: 475px;height: 186px;}
  73. .brandul .brand-des{vertical-align: top;line-height: 26px;height: 26px;padding-left: 10px;border-left: 1px solid #F3F3F3;border-right: 1px solid #F3F3F3;color: #000;}
  74. .brandul .brand-des em{color:#e61414;}
  75. .brandul .brand-des .fl{margin-left:10px;}
  76. .brandul .brand-des .fr{margin-right:20px;}
  77. </style>
  78. <div class="box" style="margin-bottom:5px;"><ul class="brandul">
  79. <li>
  80. <a href="http://ju.taobao.com/tg/brand_items.htm?act_sign_id=28794165&amp;seller_id=880734502" target="_blank">
  81. <img class="brand-pic" src="/images/3.jpg">
  82. <div class="brand-des"><span class="fl"></span>
  83. <span class="fr"><em>234100</em>件已付款 &nbsp; <em>仅剩1天</em></span></div></a>
  84. </li>
  85. <li>
  86. <a href="http://ju.taobao.com/tg/brand_items.htm?act_sign_id=28794165&amp;seller_id=880734502" target="_blank">
  87. <img class="brand-pic" src="/images/3.jpg">
  88. <div class="brand-des"><span class="fl"></span>
  89. <span class="fr"><em>234100</em>件已付款 &nbsp; <em>仅剩1天</em></span></div></a>
  90. </li>
  91. </ul></div>
  92. <div class="box">
  93. <p style="font-weight:bold;font-size:24px;color:#333;margin-top:30px;margin-bottom:20px;">编辑推荐</p>
  94. <ul class="pul">
  95. <?php if($tjlist){foreach($tjlist as $k=>$v){ ?>
  96. <li><a href="<?php echo route('home_goods',array('id'=>$v['id'])); ?>" target="_blank"><img src="<?php echo $v['litpic']; ?>" alt="<?php echo $v['title']; ?>">
  97. <p class="title"><?php echo $v['title']; ?></p>
  98. <p class="desc"><span class="price-point"><i></i>库存(<?php echo $v['goods_number']; ?>)</span> <?php echo $v['description']; ?></p>
  99. <div class="item-prices red"><div class="item-link">立即<br>抢购</div><div class="item-info"><div class="price"><i>¥</i><em class="J_actPrice"><span class="yen"><?php echo ceil($v['price']); ?></span></em></div>
  100. <div class="dock"><div class="dock-price"><del class="orig-price">¥<?php echo $v['market_price']; ?></del> <span class="benefit">包邮</span></div><div class="prompt"><div class="sold-num"><em><?php echo $v['sale']; ?></em> 件已付款</div></div></div>
  101. </div></div>
  102. </a></li>
  103. <?php }} ?>
  104. </ul></div>
  105. <div class="box">
  106. <p style="font-weight:bold;font-size:24px;color:#333;margin-top:30px;margin-bottom:20px;">热门商品</p>
  107. <ul class="pul" id="goods_list">
  108. <?php if($list){foreach($list as $k=>$v){ ?>
  109. <li><a href="<?php echo route('home_goods',array('id'=>$v['id'])); ?>" target="_blank"><img src="<?php echo $v['litpic']; ?>" alt="<?php echo $v['title']; ?>">
  110. <p class="title"><?php echo $v['title']; ?></p>
  111. <p class="desc"><span class="price-point"><i></i>库存(<?php echo $v['goods_number']; ?>)</span> <?php echo $v['description']; ?></p>
  112. <div class="item-prices red"><div class="item-link">立即<br>抢购</div><div class="item-info"><div class="price"><i>¥</i><em class="J_actPrice"><span class="yen"><?php echo ceil($v['price']); ?></span></em></div>
  113. <div class="dock"><div class="dock-price"><del class="orig-price">¥<?php echo $v['market_price']; ?></del> <span class="benefit">包邮</span></div><div class="prompt"><div class="sold-num"><em><?php echo $v['sale']; ?></em> 件已付款</div></div></div>
  114. </div></div>
  115. </a></li>
  116. <?php }} ?>
  117. </ul></div>
  118. <div class="box nomore" style="text-align:center;line-height:46px;font-size:18px;color:#999;margin-bottom:10px;display:none;">没有更多数据了</div>
  119. <script>
  120. $(function(){
  121. var ajaxload = false;
  122. var maxpage = false;
  123. var startpage = 1;
  124. var totalpage = <?php echo $totalpage; ?>;
  125. var tmp_url = window.location.href;
  126. msg = tmp_url.split("#");
  127. tmp_url = msg[0];
  128. $(window).scroll(function ()
  129. {
  130. var listheight = $("#goods_list").outerHeight();
  131. if ($(document).scrollTop() + $(window).height() >= listheight)
  132. {
  133. if(startpage >= totalpage)
  134. {
  135. //$("#submit_bt_one").html("已是最后一页,没有更多数据!");
  136. $(".nomore").show();
  137. return false;
  138. }
  139. if(!ajaxload && !maxpage)
  140. {
  141. ajaxload = true;
  142. //$("#submit_bt_one").html("努力加载中...");
  143. var url = tmp_url;
  144. var nextpage = startpage+1;
  145. $.get(url,{page_ajax:1,page:nextpage},function(res)
  146. {
  147. if(res)
  148. {
  149. $("#goods_list").append(res);
  150. startpage++;
  151. if(startpage >= totalpage)
  152. {
  153. maxpage = true;
  154. $(".nomore").show();
  155. //$("#submit_bt_one").html("已是最后一页,没有更多数据!");
  156. }
  157. else
  158. {
  159. //$("#submit_bt_one").html("点击加载更多");
  160. }
  161. ajaxload = false;
  162. }
  163. else
  164. {
  165. //$("#submit_bt_one").html("请求失败,请稍候再试!");
  166. ajaxload = false;
  167. }
  168. },'json');
  169. }
  170. }
  171. });
  172. });
  173. </script>
  174. @include('home.common.footer')
  175. </body></html>