mall_top.html 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  5. <title>{$html_title|default=$Think.config.ds_config.site_name}</title>
  6. <meta name="renderer" content="webkit|ie-comp|ie-stand" />
  7. <meta name="keywords" content="{$seo_keywords|default=''}" />
  8. <meta name="description" content="{$seo_description|default=''}" />
  9. <link rel="stylesheet" href="{$Think.HOME_SITE_ROOT}/css/common.css">
  10. <link rel="stylesheet" href="{$Think.HOME_SITE_ROOT}/css/home_header.css">
  11. <script>
  12. var BASESITEROOT = "{$Think.BASE_SITE_ROOT}";
  13. var HOMESITEROOT = "{$Think.HOME_SITE_ROOT}";
  14. var BASESITEURL = "{$Think.BASE_SITE_URL}";
  15. var HOMESITEURL = "{$Think.HOME_SITE_URL}";
  16. var TIMESTAMP = "{$Think.TIMESTAMP}";
  17. </script>
  18. <script src="{$Think.PLUGINS_SITE_ROOT}/jquery-2.1.4.min.js"></script>
  19. <script src="{$Think.PLUGINS_SITE_ROOT}/common.js"></script>
  20. <script src="{$Think.PLUGINS_SITE_ROOT}/js/jquery-ui/jquery-ui.min.js"></script>
  21. <script src="{$Think.PLUGINS_SITE_ROOT}/js/jquery-ui/jquery.ui.datepicker-zh-CN.js"></script>
  22. <script src="{$Think.PLUGINS_SITE_ROOT}/jquery.validate.min.js"></script>
  23. <script src="{$Think.PLUGINS_SITE_ROOT}/additional-methods.min.js"></script>
  24. <script src="{$Think.PLUGINS_SITE_ROOT}/layer/layer.js"></script>
  25. <script src="{$Think.PLUGINS_SITE_ROOT}/js/dialog/dialog.js" id="dialog_js" charset="utf-8"></script>
  26. </head>
  27. <body>
  28. <div id="append_parent"></div>
  29. <div id="ajaxwaitid"></div>
  30. {if $adv_top}
  31. <div style="background:{$adv_top.adv_bgcolor|default=''};">
  32. <div class="w1200">
  33. <a href="{:url('Advclick/Advclick',['adv_id'=>$adv_top['adv_id']])}" target="_blank" title="{$adv_top.adv_title}"><img src="{:ds_get_pic(ATTACH_ADV,$adv_top.adv_code)}" width="1200"/></a>
  34. </div>
  35. </div>
  36. {/if}
  37. <div class="public-top">
  38. <div class="w1200">
  39. <span class="top-link">
  40. {$Think.lang.welcome_to} <em>{$Think.config.ds_config.site_name}</em>
  41. </span>
  42. <ul class="login-regin">
  43. {if session('member_id')}
  44. <li class="line"> <a href="{:url('Member/index')}">{:session('member_nickname')}</a></li>
  45. <li> <a href="{:url('Login/Logout')}">{$Think.lang.exit}</a></li>
  46. {else}
  47. <li class="line"> <a href="{:url('Login/login')}">{$Think.lang.please_log}</a></li>
  48. <li> <a href="{:url('Login/register')}">{$Think.lang.free_registration}</a></li>
  49. {/if}
  50. </ul>
  51. <ul class="quick_list">
  52. <li>
  53. <span class="outline"></span>
  54. <span class="blank"></span>
  55. <a href="{:url('Member/index')}">{$Think.lang.ds_user_center}<b></b></a>
  56. <div class="dropdown-menu">
  57. <ol>
  58. <li><a href="{:url('Memberorder/index')}">{$Think.lang.ds_buying_goods}</a></li>
  59. <li><a href="{:url('Memberfavorites/fglist')}">{$Think.lang.ds_care_about}</a></li>
  60. <li><a href="{:url('Memberfavorites/fslist')}">{$Think.lang.ds_the_shop}</a></li>
  61. </ol>
  62. </div>
  63. </li>
  64. <li>
  65. <span class="outline"></span>
  66. <span class="blank"></span>
  67. <a href="{:url('Seller/index')}">{$Think.lang.business_center}<b></b></a>
  68. <div class="dropdown-menu">
  69. <ol>
  70. {if session('seller_id')}
  71. <li><a href="{:url('Seller/index')}">{$Think.lang.ds_shop_overview}</a></li>
  72. <li><a href="{:url('Sellerorder/index')}">{$Think.lang.ds_member_path_store_order}</a></li>
  73. <li><a href="{:url('Sellergoodsonline/index')}">{$Think.lang.promotion_goods_manage}</a></li>
  74. {else /}
  75. {if $Think.config.ds_config.store_joinin_open!=0}
  76. <li><a href="{:url('Showjoinin/index')}">{$Think.lang.tenants}</a></li>
  77. {/if}
  78. <li><a href="{:url('Sellerlogin/login')}">{$Think.lang.merchant_login}</a></li>
  79. {/if}
  80. </ol>
  81. </div>
  82. </li>
  83. <li>
  84. <span class="outline"></span>
  85. <span class="blank"></span>
  86. <a href="{:url('Memberfavorites/fglist')}">{$Think.lang.ds_favorites}<b></b></a>
  87. <div class="dropdown-menu">
  88. <ol>
  89. <li><a href="{:url('Memberfavorites/fglist')}">{$Think.lang.ds_merchandise_collection}</a></li>
  90. <li><a href="{:url('Memberfavorites/fslist')}">{$Think.lang.ds_store_collect}</a></li>
  91. </ol>
  92. </div>
  93. </li>
  94. <li>
  95. <span class="outline"></span>
  96. <span class="blank"></span>
  97. <a href="javascript:void(0)">{$Think.lang.ds_fast_nav}<b></b></a>
  98. <div class="dropdown-menu">
  99. <ol>
  100. {foreach $navs.header as $nav}
  101. <li>
  102. <a href="{$nav.nav_url}" {if $nav.nav_new_open == 1}target="_blank"{/if}>{$nav.nav_title}</a>
  103. </li>
  104. {/foreach}
  105. </ol>
  106. </div>
  107. </li>
  108. <li class="moblie-qrcode">
  109. <span class="outline"></span>
  110. <span class="blank"></span>
  111. <a href="javascript:void(0)">{$Think.lang.wechat_end}</a>
  112. <div class="dropdown-menu">
  113. <img src="{:ds_get_pic(ATTACH_COMMON,$Think.config.ds_config.site_logowx)}" width="90" height="90" />
  114. </div>
  115. </li>
  116. <!--
  117. <li class="app-qrcode">
  118. <span class="outline"></span>
  119. <span class="blank"></span>
  120. <a href="javascript:void(0)">APP</a>
  121. <div class="dropdown-menu">
  122. <img width="90" height="90" src="{:ds_get_pic(ATTACH_COMMON,$Think.config.ds_config.site_logowx)}" />
  123. <h3>扫描二维码</h3>
  124. <p>下载手机客户端</p>
  125. </div>
  126. </li>
  127. -->
  128. </ul>
  129. </div>
  130. </div>
  131. <!--左侧导航栏-->
  132. <div class="ds-appbar">
  133. <div class="ds-appbar-tabs" id="appBarTabs">
  134. {if session('is_login')}
  135. <div class="user" dstype="a-barUserInfo">
  136. <div class="avatar"><img src="{:get_member_avatar(session('avatar'))}?{$Think.TIMESTAMP}"/></div>
  137. <p>{$Think.lang.sns_me}</p>
  138. </div>
  139. <div class="user-info" dstype="barUserInfo" style="display:none;"><i class="arrow"></i>
  140. <div class="avatar"><img src="{:get_member_avatar(session('avatar'))}?{$Think.TIMESTAMP}"/></div>
  141. <dl>
  142. <dt>Hi, {:session('member_nickname')}</dt>
  143. <dd>{$Think.lang.ds_current_level}:<strong dstype="barMemberGrade">{:session('level_name')}</strong></dd>
  144. <dd>{$Think.lang.ds_current_experience}:<strong dstype="barMemberExp">{:session('member_exppoints')}</strong></dd>
  145. </dl>
  146. </div>
  147. {else /}
  148. <div class="user TA_delay" dstype="a-barLoginBox">
  149. <div class="avatar TA"><img src="{:get_member_avatar(session('avatar'))}?{$Think.TIMESTAMP}"/></div>
  150. <p class="TA">{$Think.lang.login_notlogged}</p>
  151. </div>
  152. {/if}
  153. <ul class="tools">
  154. {if $Think.config.ds_config.instant_message_open eq '1'}
  155. <li><a href="javascript:void(0);" id="chat_show_user" class="chat TA_delay"><span class="iconfont">&#xe71b;</span><span class="tit">{$Think.lang.ds_chat}</span><i id="new_msg" class="new_msg" style="display:none;"></i></a></li>
  156. {/if}
  157. <li><a href="javascript:void(0);" onclick="toglle_bar('rtoolbar_cart')" id="rtoolbar_cart" class="cart TA_delay"><span class="iconfont">&#xe69a;</span><span class="tit">{$Think.lang.ds_cart}</span><i id="rtoobar_cart_count" class="new_msg" style="display:none;"></i></a></li>
  158. <li><a href="javascript:void(0);" onclick="toglle_bar('compare')" id="compare" class="compare TA_delay"><span class="iconfont">&#xe74a;</span><span class="tit">{$Think.lang.ds_comparison}</span></a></li>
  159. <li>
  160. <a href="javascript:void(0);" id="qrcode" class="qrcode TA_delay"><span class="iconfont">&#xe72d;</span>
  161. <span class="tit-box">
  162. {$Think.lang.ds_mobile_shopping_better}<br>
  163. <img src="{$Think.HOME_SITE_URL}/qrcode?url={$Think.config.ds_config.h5_site_url}" width="110" height="110" />
  164. <em class="tips_arrow"></em>
  165. </span>
  166. </a>
  167. </li>
  168. <li><a href="javascript:void(0);" onclick="$('html,body').animate({scrollTop: '0px'}, 500)" id="gotop" class="gotop TA_delay" style="position: fixed;bottom: 0"><span class="iconfont">&#xe724;</span><span class="tit">{$Think.lang.ds_top}</span></a></li>
  169. </ul>
  170. <div class="content-box" id="content-compare">
  171. <div class="top">
  172. <h3>{$Think.lang.ds_comparison}</h3>
  173. <a href="javascript:void(0);" class="close iconfont" title="{$Think.lang.ds_hidden}">&#xe73d;</a></div>
  174. <div id="comparelist"></div>
  175. </div>
  176. <div class="content-box" id="content-cart">
  177. <div class="top">
  178. <h3>{$Think.lang.ds_my_shopping_cart}</h3>
  179. <a href="javascript:void(0);" class="close iconfont" title="{$Think.lang.ds_hidden}">&#xe73d;</a></div>
  180. <div id="rtoolbar_cartlist"></div>
  181. </div>
  182. </div>
  183. </div>
  184. <script type="text/javascript">
  185. //动画显示边条内容区域
  186. $(function() {
  187. $(".close").click(function(){
  188. close_bar();
  189. });
  190. // 右侧bar用户信息
  191. $('div[dstype="a-barUserInfo"]').click(function(){
  192. $('div[dstype="barUserInfo"]').toggle();
  193. });
  194. // 右侧bar登录
  195. $('div[dstype="a-barLoginBox"]').click(function(){
  196. login_dialog();
  197. });
  198. {if $cart_goods_num > 0}
  199. $('#rtoobar_cart_count').html({$cart_goods_num}).show();
  200. {/if}
  201. });
  202. function toglle_bar(item){
  203. var member_id = "{:session('member_id')}";
  204. if(member_id == ''){
  205. login_dialog();
  206. return;
  207. }
  208. //判断侧边栏是否已拉出
  209. if(parseInt($('.ds-appbar').css('width')) == 36){
  210. $('.ds-appbar').css('width','306px');
  211. }
  212. //判断选中项是否已显示
  213. if(!$("#"+item).hasClass('active')){
  214. $('.tools li > a').removeClass('active');
  215. $("#"+item).addClass('active');
  216. $('.content-box').removeClass('active');
  217. switch(item){
  218. case 'rtoolbar_cart':
  219. $("#rtoolbar_cartlist").load("{:url('Cart/ajax_load',['type'=>'html'])}");
  220. $("#content-cart").addClass('active');
  221. break;
  222. case 'compare':
  223. loadCompare(false);
  224. $("#content-compare").addClass('active');
  225. break;
  226. }
  227. }else{
  228. //关闭
  229. close_bar();
  230. $(".chat-list").css("display",'none');
  231. }
  232. }
  233. function close_bar(){
  234. $('.tools li > a').removeClass('active');
  235. $('.content-box').removeClass('active');
  236. $('.ds-appbar').css('width','36px');
  237. }
  238. </script>