index.html 18 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428
  1. {extend name="default/base/base_home" /}
  2. {block name="mall_main"}
  3. {notpresent name='editable_page'}
  4. <link rel="stylesheet" href="{$Think.HOME_SITE_ROOT}/css/index.css">
  5. <script src="{$Think.PLUGINS_SITE_ROOT}/jquery.SuperSlide.2.1.1.js"></script>
  6. <style>
  7. .mall_nav{border-bottom:none;}
  8. .mall_nav .all_categorys .mc{display: block;}
  9. </style>
  10. <div class="clear"></div>
  11. <!-- HomeFocusLayout Begin-->
  12. <div class="home-focus-layout">
  13. {if $adv_index_1}
  14. <div class="bd">
  15. <ul>
  16. {foreach name='adv_index_1' item="v"}
  17. <li style="background: url({:ds_get_pic(ATTACH_ADV,$v.adv_code)}) center top no-repeat rgb(35, 35, 35); display: none;background-color: {$v.adv_bgcolor|default=''}" style="{$v.adv_style|default=''}">
  18. <a href="{:url('Advclick/Advclick',['adv_id'=>$v['adv_id']])}" target="_blank" title="{$v.adv_title}">&nbsp;</a>
  19. </li>
  20. {/foreach}
  21. </ul>
  22. </div>
  23. <div class="hd">
  24. <ul>
  25. {foreach name='adv_index_1' item="v"}
  26. <li class=""></li>
  27. {/foreach}
  28. </ul>
  29. </div>
  30. {/if}
  31. <div class="right-sidebar">
  32. <div class="mod_personal_center">
  33. {if session('is_login')}
  34. <div class="avata_pic_wrap">
  35. <a id="index_account_icon_login" href="{:url('Member/index')}" target="_blank"><img class="lazyload" data-original="{:get_member_avatar(session('avatar'))}?{$Think.TIMESTAMP}"></a>
  36. </div>
  37. <div class="info_wrap">
  38. <div class="login_box">
  39. <div class="user_info clearfix">
  40. <em>Hi,{:session('member_nickname')}</em>
  41. </div>
  42. <div class="clearfix treasure">
  43. <a href="{:url('Memberorder/index',['state_type'=>'state_new'])}" target="_blank" class="gold_coin">
  44. <em>{$member_order_info.order_nopay_count}</em>
  45. <p>{$Think.lang.pending_payment}</p>
  46. </a>
  47. <a href="{:url('Memberorder/index',['state_type'=>'state_send'])}" target="_blank" class="gold_coin">
  48. <em>{$member_order_info.order_noreceipt_count}</em>
  49. <p>{$Think.lang.pending_receipt}</p>
  50. </a>
  51. <a href="{:url('Memberorder/index',['state_type'=>'state_noeval'])}" target="_blank">
  52. <em>{$member_order_info.order_noeval_count}</em>
  53. <p>{$Think.lang.pending_comment}</p>
  54. </a>
  55. </div>
  56. </div>
  57. </div>
  58. {else /}
  59. <div class="avata_pic_wrap">
  60. <a id="index_account_icon_unlogin" href="javascript:void(0)"><img class="lazyload" data-original="{:get_member_avatar(session('avatar'))}?{$Think.TIMESTAMP}"></a>
  61. </div>
  62. <div class="info_wrap">
  63. <div class="unlogin_box">
  64. <div class="title">Hi~{$Think.lang.hello}!</div>
  65. <div class="tips">
  66. </div>
  67. <div class="btn_wrap">
  68. <a href="{:url('Login/login')}" class="login_btn">{$Think.lang.login}</a>
  69. <a href="{:url('Login/register')}" class="regist_btn">{$Think.lang.login_index_regist_now_2}</a>
  70. </div>
  71. </div>
  72. </div>
  73. {/if}
  74. <div class="top_line">
  75. <div class="vip_list">
  76. <a href="javascript:void(0)">
  77. <i class="iconfont" style="background:#ff9b1b">&#xe673;</i>
  78. <p class="vip_item_text">{$Think.lang.buyer_protection}</p>
  79. </a>
  80. <a href="javascript:void(0)">
  81. <i class="iconfont" style="background:#52a6ff">&#xe67e;</i>
  82. <p class="vip_item_text">{$Think.lang.merchant_authentication}</p>
  83. </a>
  84. <a href="javascript:void(0)">
  85. <i class="iconfont" style="background:#57c15b">&#xe74f;</i>
  86. <p class="vip_item_text">{$Think.lang.secure_transaction}</p>
  87. </a>
  88. <div class="clear"></div>
  89. </div>
  90. </div>
  91. <div class="notice_list">
  92. {foreach $index_articles as $i_a}
  93. <a title="{$i_a.article_title}" href="{if $i_a.article_url !=''}{$i_a.article_url}{else /}{:url('Article/show',['article_id'=>$i_a.article_id])}{/if}" target="_blank">
  94. <span>{$i_a.article_title}</span>
  95. </a>
  96. {/foreach}
  97. </div>
  98. </div>
  99. </div>
  100. </div>
  101. <!--HomeFocusLayout End-->
  102. {if $adv_index_2}
  103. <div class="home-scroll w1200 mt10">
  104. <div class="bd">
  105. <ul>
  106. <li>
  107. {foreach name='adv_index_2' item="v"}
  108. <a href="{:url('Advclick/Advclick',['adv_id'=>$v['adv_id']])}" target="_blank" title="">
  109. <img class="lazyload" data-original="{:ds_get_pic(ATTACH_ADV,$v.adv_code)}" style="{$v.adv_style|default=''}">
  110. </a>
  111. {/foreach}
  112. </li>
  113. </ul>
  114. <a class="ctrl prev" href="javascript:void(0)"><</a>
  115. <a class="ctrl next" href="javascript:void(0)">></a>
  116. </div>
  117. </div>
  118. {/if}
  119. <div class="home-sale-layout w1200 mt20">
  120. <div class="hd">
  121. <ul class="tabs-nav">
  122. <li class="tabs-selected on"><i class="arrow"></i><h3>{$Think.lang.recommendation}</h3></li>
  123. <li class=""><i class="arrow"></i><h3>{$Think.lang.discount}</h3></li>
  124. <li class=""><i class="arrow"></i><h3>{$Think.lang.latest_hot_sale}</h3></li>
  125. <li class=""><i class="arrow"></i><h3>{$Think.lang.shopping_frenzy}</h3></li>
  126. </ul>
  127. </div>
  128. <div class="bd tabs-panel">
  129. <ul style="display: block;">
  130. {notempty name="recommend_list"}
  131. {foreach name="recommend_list" item="goods"}
  132. <li>
  133. <dl>
  134. <dd class="goods-thumb">
  135. <a target="_blank" href="{:url('Goods/index',['goods_id'=>$goods.goods_id])}">
  136. <img class="lazyload" data-original="{:goods_cthumb($goods.goods_image)}" alt="{$goods.goods_name}">
  137. </a>
  138. </dd>
  139. <dt class="goods-name"><a target="_blank" href="{:url('Goods/index',['goods_id'=>$goods.goods_id])}" title="{$goods.goods_name}">{$goods.goods_name}</a></dt>
  140. <dd class="goods-price"><em>¥{$goods.goods_price}</em></dd>
  141. </dl>
  142. </li>
  143. {/foreach}
  144. {/notempty}
  145. </ul>
  146. <ul style="display: none;">
  147. {notempty name="promotion_list"}
  148. {foreach name="promotion_list" item="goods"}
  149. <li>
  150. <dl>
  151. <dd class="goods-thumb">
  152. <a target="_blank" href="{:url('Goods/index',['goods_id'=>$goods.goods_id])}">
  153. <img class="lazyload" data-original="{:goods_cthumb($goods.goods_image)}" alt="{$goods.goods_name}">
  154. </a>
  155. </dd>
  156. <dt class="goods-name"><a target="_blank" href="{:url('Goods/index',['goods_id'=>$goods.goods_id])}" title="{$goods.goods_name}">{$goods.goods_name}</a></dt>
  157. <dd class="goods-price">{$Think.lang.shopping_mall_price}:<em>¥{$goods.xianshigoods_price}</em></dd>
  158. </dl>
  159. </li>
  160. {/foreach}
  161. {/notempty}
  162. </ul>
  163. <ul style="display: none;">
  164. {notempty name="new_list"}
  165. {foreach name="new_list" item="goods"}
  166. <li>
  167. <dl>
  168. <dd class="goods-thumb">
  169. <a target="_blank" href="{:url('Goods/index',['goods_id'=>$goods.goods_id])}">
  170. <img class="lazyload" data-original="{:goods_cthumb($goods.goods_image)}" alt="{$goods.goods_name}">
  171. </a>
  172. </dd>
  173. <dt class="goods-name"><a target="_blank" href="{:url('Goods/index',['goods_id'=>$goods.goods_id])}" title="{$goods.goods_name}">{$goods.goods_name}</a></dt>
  174. <dd class="goods-price">{$Think.lang.shopping_mall_price}:<em>¥{$goods.goods_price}</em></dd>
  175. </dl>
  176. </li>
  177. {/foreach}
  178. {/notempty}
  179. </ul>
  180. <ul style="display: none;">
  181. {notempty name="groupbuy_list"}
  182. {foreach name="groupbuy_list" item="goods"}
  183. <li>
  184. <dl>
  185. <dd class="goods-thumb">
  186. <a target="_blank" href="{:url('Goods/index',['goods_id'=>$goods.goods_id])}">
  187. <img class="lazyload" data-original="{:groupbuy_thumb($goods.groupbuy_image)}" alt="{$goods.goods_name}">
  188. </a>
  189. </dd>
  190. <dt class="goods-name"><a target="_blank" href="{:url('Goods/index',['goods_id'=>$goods.goods_id])}" title="{$goods.goods_name}">{$goods.goods_name}</a></dt>
  191. <dd class="goods-price">{$Think.lang.shopping_mall_price}:<em>¥{$goods.groupbuy_price}</em></dd>
  192. </dl>
  193. </li>
  194. {/foreach}
  195. {/notempty}
  196. </ul>
  197. </div>
  198. </div>
  199. <div class="floor_wrap">
  200. <div class="floor floor0 w1200" style="height:0"></div>
  201. {foreach name="floor_block" item="vo" key="k" }
  202. <div class="{if $k>4}style2{/if} floor floor{php}echo $k+1;{/php} w1200">
  203. <div class="floor-left">
  204. <div class="title">
  205. <h2 title="{$vo.gc_name}">{$vo.gc_name}</h2>
  206. </div>
  207. {if $k<5}
  208. <div class="left-ads">
  209. {if $k<5 && $vo.adv_left}
  210. <a href="{:url('Advclick/Advclick',['adv_id'=>$vo['adv_left']['adv_id']])}" target="_blank" title="">
  211. <img class="lazyload" data-original="{:ds_get_pic(ATTACH_ADV,$vo.adv_left.adv_code)}" style="{$vo.adv_left.adv_style|default=''}">
  212. </a>
  213. {/if}
  214. </div>
  215. {/if}
  216. </div>
  217. <div class="floor-right">
  218. <ul class="tabs-nav hd">
  219. {foreach name="vo.goods_list" item="list" key="list_key"}
  220. <li {if condition="$list_key eq '0'"}class="on"{/if}><h3>{$list.gc_name}</h3></li>
  221. {/foreach}
  222. </ul>
  223. <div class="goods-list bd">
  224. {foreach name="vo.goods_list" item="list" key="list_key"}
  225. <ul class="clearfix" {if condition="$list_key eq '0'"}style="display:block"{/if}>
  226. {notempty name="list.gc_list"}
  227. {foreach name="list.gc_list" key="goods_key" item="goods"}
  228. {if ($k<5 && $goods_key<8) || $k>4}
  229. <li>
  230. <dl>
  231. <dd class="goods-thumb">
  232. <a target="_blank" href="{:url('Goods/index',['goods_id'=>$goods.goods_id])}">
  233. <img class="lazyload" data-original="{:goods_cthumb($goods.goods_image)}" alt="{$goods.goods_name}"/>
  234. </a>
  235. </dd>
  236. <dt class="goods-name"><a target="_blank" href="{:url('Goods/index',['goods_id'=>$goods.goods_id])}" title="{$goods.goods_name}">{$goods.goods_name}</a></dt>
  237. <dd class="goods-price">
  238. <em>{$goods.goods_price}{$Think.lang.ds_yuan}</em>
  239. {if $goods.goods_marketprice > 0}
  240. <span class="original">{$goods.goods_marketprice}{$Think.lang.ds_yuan}</span>
  241. {/if}
  242. </dd>
  243. </dl>
  244. </li>
  245. {/if}
  246. {/foreach}
  247. {/notempty}
  248. </ul>
  249. {/foreach}
  250. </div>
  251. </div>
  252. </div>
  253. <div class="w1200 floor-banner">
  254. {if $k<5 && $vo.adv_bottom}
  255. <a href="{:url('Advclick/Advclick',['adv_id'=>$vo['adv_bottom']['adv_id']])}" target="_blank" title="">
  256. <img class="lazyload" data-original="{:ds_get_pic(ATTACH_ADV,$vo.adv_bottom.adv_code)}" style="{$vo.adv_bottom.adv_style|default=''}">
  257. </a>
  258. {/if}
  259. </div>
  260. <script>
  261. jQuery(".floor{php}echo $k+1;{/php} .floor-right").slide({mainCell: ".bd", autoPlay: false, interTime: 5000});
  262. </script>
  263. {/foreach}
  264. </div>
  265. <div class="wrapper mt10"></div>
  266. <div class="index-link wrapper">
  267. <dl class="website">
  268. <dt>{$Think.lang.cooperative_partner} | {$Think.lang.friendship_link}<b></b></dt>
  269. <dd>
  270. {notempty name="link_list"}
  271. {foreach name="link_list" item="val"}
  272. <a href="{$val.link_url}" target="_blank" title="{$val.link_title}">{:str_cut($val.link_title,15)}</a>
  273. {/foreach}
  274. {/notempty}
  275. </dd>
  276. </dl>
  277. </div>
  278. <div class="footer-line"></div>
  279. <!--首页底部保障开始-->
  280. <!--首页底部保障结束-->
  281. <!--StandardLayout Begin-->
  282. <!--StandardLayout End-->
  283. <!--首页悬浮弹窗BEGIN-->
  284. {if $Think.config.ds_config.fixed_suspension_state}
  285. <div class="fixed-suspension-layer" style="display: none;">
  286. <div class="fixed-suspension-con">
  287. <a href="{$Think.config.ds_config.fixed_suspension_url}" class="fixed-suspension-img">
  288. <img class="lazy" src="{:ds_get_pic(ATTACH_COMMON,$Think.config.ds_config.fixed_suspension_img)}">
  289. </a>
  290. <div class="close-fixed-suspension"></div>
  291. </div>
  292. </div>
  293. <script type="text/javascript">
  294. if(!localStorage.fixed_ad_layer){
  295. $('.fixed-suspension-layer').show();
  296. }
  297. //悬浮广告弹出层
  298. $('body').on('click','.close-fixed-suspension',function(){
  299. localStorage.fixed_ad_layer = true;
  300. $('.fixed-suspension-layer').hide();
  301. });
  302. </script>
  303. {/if}
  304. <!--首页悬浮弹窗END-->
  305. <style>
  306. .fsFixedTopContent{display:none;overflow:visible;width:50px;height:auto;position:fixed;left:50%;top:40%;margin:-150px 0 0 -675px;z-index:3333;}
  307. .fsFixedTop{width:50px;height:auto;background:#fdfdfd;box-shadow: 0 0 4px rgba(0,0,0,.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);transform:scale(1.2);opacity:0;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;position:absolute;left:0;top:0}
  308. .fsFixedTop a{width:36px;height:36px;line-height:36px;display:block;position:relative;cursor:pointer;text-decoration:none;padding:7px;border-top: 1px solid #D4D4D4;}
  309. .fsFixedTop b{width:36px;height:36px;color:#333;font-size:13px;font-weight:600;text-align:center;display:block;}
  310. .fsFixedTop .fs-name{width:36px;height:36px;line-height:18px;color:#ff4040;text-align:center;display:none;overflow:hidden;font-size:13px;letter-spacing: 1px;word-wrap:break-word;}
  311. .fsFixedTop a.active{background:#ff4040 }
  312. .fsFixedTop a.active .fs-name{color:#fff;display:block;}
  313. .fsFixedTop a.active .fs {display: none}
  314. .fsFixedTop a.active .fs-name:hover {background:#ff4040;text-decoration:none}
  315. .fsFixedTop a:hover{background:#ff4040}
  316. .fsFixedTop a:hover .fs-name {display: block;color: #fff}
  317. .fsFixedTop a:hover b {display: none}
  318. </style>
  319. <div class="fsFixedTopContent" style="visibility: hidden; display: block;">
  320. <div class="fsFixedTop" style="opacity: 0;">
  321. {foreach name="floor_block" item="vo" key="k" }
  322. <a class="smooth active" href="javascript:;"> <b class="fs">{$k+1}F</b> <em class="fs-name">{$vo.gc_name}</em> </a>
  323. {/foreach}
  324. </div>
  325. </div>
  326. <script>
  327. $(function () {
  328. $(window).scroll(function () {
  329. var scrt = $(window).scrollTop();
  330. if (scrt > 1000) {
  331. $(".fsFixedTopContent").show("fast", function () {
  332. $(".fsFixedTop").css({
  333. "-webkit-transform": "scale(1)",
  334. "-moz-transform": "scale(1)",
  335. "transform": "scale(1)",
  336. "opacity": "1"
  337. })
  338. }).css({
  339. "visibility": "visible"
  340. })
  341. } else {
  342. $(".fsFixedTop").css({
  343. "-webkit-transform": "scale(1.2)",
  344. "-moz-transform": "scale(1.2)",
  345. "transform": "scale(1.2)",
  346. "opacity": "0"
  347. });
  348. $(".fsFixedTopContent").css({
  349. "visibility": "hidden"
  350. })
  351. }
  352. setTab()
  353. });
  354. var arr = [],fsOffset = 0;
  355. for (var i = 1; i < $(".floor").length; i++) {
  356. arr.push(parseInt($(".floor").eq(i).offset().top) + 30)
  357. }
  358. $(".fsFixedTop a.smooth").on("click", function () {
  359. var _th = $(this);
  360. _th.blur();
  361. var index = $(".fsFixedTop a.smooth").index(this);
  362. if (index > 0) {
  363. fsOffset =index* 100-50;
  364. }else{
  365. fsOffset =-50;
  366. }
  367. var hh = arr[index];
  368. var clickheight = hh+fsOffset;
  369. $("html,body").stop().animate({
  370. scrollTop:clickheight+ "px"
  371. }, 400)
  372. });
  373. $(".fsFixedTop a.fsbacktotop").click(function () {
  374. $("html,body").stop().animate({
  375. scrollTop: 0
  376. }, 400)
  377. })
  378. function setTab() {
  379. var Objs = $(".floor:gt(0)");
  380. var textSt = $(window).scrollTop();
  381. for (var i = Objs.length - 1; i >= 0; i--) {
  382. if (textSt >= $(Objs[i]).offset().top - 50) {
  383. $(".fsFixedTop a").eq(i).addClass("active").siblings().removeClass("active");
  384. return;
  385. }
  386. }
  387. }
  388. });
  389. </script>
  390. <script>
  391. //轮播
  392. jQuery(".home-focus-layout").slide({mainCell: ".bd ul", autoPlay: true, delayTime: 500, interTime: 5000});
  393. jQuery(".home-scroll").slide({mainCell: ".bd li", autoPage: true,autoPlay: true, delayTime: 1000, effect: "left", interTime: 5000, vis: 5});
  394. jQuery(".home-sale-layout").slide({autoPlay: false, });
  395. </script>
  396. {else}
  397. <script src="{$Think.PLUGINS_SITE_ROOT}/jquery.SuperSlide.2.1.1.js"></script>
  398. <script>
  399. var EDITABLE_PAGE_URL='{$Think.ADMIN_SITE_URL}/editable_page'
  400. </script>
  401. {include file="default/base/editable_page_model/common"}
  402. {/notpresent}
  403. {/block}