header.html 6.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145
  1. <!DOCTYPE HTML>
  2. <html lang="zxx">
  3. <head>
  4. <title>AQM</title>
  5. <meta name="viewport" content="width=device-width, initial-scale=1">
  6. <meta charset="utf-8">
  7. <meta name="keywords" content=""/>
  8. <link rel="SHORTCUT ICON" href="{$Think.HOME_SITE_ROOT}/images/LOGO.png"/>
  9. <script src="{$Think.PLUGINS_SITE_ROOT}/jquery-2.1.4.min.js"></script>
  10. <!--引用百度地图API-->
  11. <style type="text/css">
  12. html, body {
  13. margin: 0;
  14. padding: 0;
  15. }
  16. .iw_poi_title {
  17. color: #CC5522;
  18. font-size: 14px;
  19. font-weight: bold;
  20. overflow: hidden;
  21. padding-right: 13px;
  22. white-space: nowrap
  23. }
  24. .iw_poi_content {
  25. font: 12px arial, sans-serif;
  26. overflow: visible;
  27. padding-top: 4px;
  28. white-space: -moz-pre-wrap;
  29. word-wrap: break-word
  30. }
  31. </style>
  32. <script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script>
  33. <script>
  34. addEventListener("load", function () {
  35. setTimeout(hideURLbar, 0);
  36. }, false);
  37. function hideURLbar() {
  38. window.scrollTo(0, 1);
  39. }
  40. </script>
  41. <!-- Bootstrap Core CSS -->
  42. <link href="{$Think.HOME_SITE_ROOT}/css/bootstrap.css" rel='stylesheet' type='text/css'/>
  43. <!-- gallery css -->
  44. <link rel="stylesheet" href="{$Think.HOME_SITE_ROOT}/css/swipebox.css">
  45. <!-- Custom CSS -->
  46. <link href="{$Think.HOME_SITE_ROOT}/css/style.css" rel='stylesheet' type='text/css'/>
  47. <!-- font-awesome icons -->
  48. <link href="{$Think.HOME_SITE_ROOT}/css/fontawesome-all.min.css" rel="stylesheet">
  49. <!-- //Custom Theme files -->
  50. <!--webfonts-->
  51. <link href="http://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i"
  52. rel="stylesheet">
  53. <!--//webfonts-->
  54. </head>
  55. <body>
  56. <!-- header -->
  57. <!--<header style="position: fixed; width: 100%; background: #111; opacity: 0.8;">-->
  58. <header style="width: 100%; background: #010101;">
  59. <div class="container" style="height: 30px; line-height: 1;">
  60. {if $user_info['user_id']}
  61. <nav class="navbar navbar-expand-lg navbar-light" style="display: flex; justify-content: flex-end;">
  62. <a href="/user/register/index.html" class="px-2 text-uppercase font-weight-bold"
  63. style="cursor: pointer; color: #fff; font-size: 12px;">
  64. 购物车
  65. </a>
  66. <a href="/User/login/index.html" class="px-2 text-uppercase font-weight-bold"
  67. style="cursor: pointer; color: #fff; font-size: 12px;">
  68. 支持服务
  69. </a>
  70. <a href="/User/index/index.html" class="px-2 text-uppercase font-weight-bold"
  71. style="cursor: pointer; color: #fff; font-size: 12px;">
  72. {$Think.session.user_email}
  73. </a>
  74. <a href="/User/Login/logout.html" class="px-2 text-uppercase font-weight-bold"
  75. style="cursor: pointer; color: #fff; font-size: 12px; margin-right: 18px;">
  76. 安全退出
  77. </a>
  78. </nav>
  79. {else}
  80. <nav class="navbar navbar-expand-lg navbar-light" style="display: flex; justify-content: flex-end;">
  81. <a href="/user/register/index.html" class="btn-lg-block w3ls-btn px-4 text-uppercase font-weight-bold"
  82. style="cursor: pointer; color: #fff; font-size: 12px;">
  83. 注册
  84. </a>
  85. <a href="/User/login/index.html" class="btn-lg-block w3ls-btn px-4 text-uppercase font-weight-bold"
  86. style="cursor: pointer; color: #fff; font-size: 12px;">
  87. 登陆
  88. </a>
  89. </nav>
  90. {/if}
  91. </div>
  92. <div style="border-bottom: 1px solid #505050;"></div>
  93. <div class="container" style="height: 40px; line-height: 0.8;">
  94. <nav class="navbar navbar-expand-lg navbar-light">
  95. <a class="navbar-brand" style="color: #fff; font-weight: 800;" href="index.html">
  96. ANQUANMAO
  97. </a>
  98. <button class="navbar-toggler ml-md-auto" type="button" data-toggle="collapse"
  99. data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
  100. aria-expanded="false" aria-label="Toggle navigation">
  101. <span class="navbar-toggler-icon"></span>
  102. </button>
  103. <div class="collapse navbar-collapse" id="navbarSupportedContent">
  104. <ul class="navbar-nav mx-auto text-center" style="margin-right: 0 !important;">
  105. <li class="nav-item mr-3">
  106. <a id="home_index" class="nav-link" href="{:url('home/index/index')}">首页</a>
  107. </li>
  108. <li class="nav-item mr-3">
  109. <a id="home_product" class="nav-link" href="{:url('home/product/product')}">产品与服务</a>
  110. </li>
  111. <li id="home_about" class="nav-item mr-3">
  112. <a class="nav-link" href="{:url('home/about/about')}">关于我们</a>
  113. </li>
  114. <li id="home_contact" class="nav-item mr-3">
  115. <a class="nav-link" href="{:url('home/contact/contact')}">联系我们</a>
  116. </li>
  117. </ul>
  118. </div>
  119. </nav>
  120. </div>
  121. <div style="border-bottom: 1px solid #505050;"></div>
  122. </header>
  123. <script type="text/javascript">
  124. const pathName = window.location.pathname
  125. if (pathName == '/home/index/index.html') {
  126. $("#home_index").attr("class","nav-link active")
  127. }
  128. if (pathName == '/home/product/product.html') {
  129. $("#home_product").attr("class","nav-link active")
  130. }
  131. if (pathName == '/home/about/about.html') {
  132. $("#home_about").attr("class","nav-item dropdown mr-3 active")
  133. }
  134. if (pathName == '/home/contact/contact.html') {
  135. $("#home_contact").attr("class","nav-item dropdown mr-3 active")
  136. }
  137. </script>
  138. <!-- //header -->