mall_top.html 13 KB

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