resource_detail.html 8.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228
  1. <!DOCTYPE html>
  2. <html>
  3. <head lang="en">
  4. <meta http-equiv="content-Type" content="text/html;charset=UTF-8" />
  5. <meta http-equiv="Access-Control-Allow-Origin" content="*" />
  6. <meta name="keywords" content="<?php echo $keywords ?>">
  7. <meta name="description" content="<?php echo $describe ?>">
  8. <title><?php echo $title ?></title>
  9. <link rel="stylesheet" href="official/website/css/main.css" />
  10. </head>
  11. <body>
  12. <div id="app">
  13. <div class="nav">
  14. <div class="nav-a">
  15. <div class="nav-ul">
  16. <div class="nav-logo">
  17. <img src="<?php echo $top['logo']?>" alt="" />
  18. </div>
  19. <?php foreach($top['navigation'] as $kk=>$vv) {?>
  20. <div class="nav-li <?php if($vv[tool]==$name){?> nav-selected <?php }?>">
  21. <a href="<?php echo $vv['url']?>"><?php echo $vv['name']?></a>
  22. </div>
  23. <?php }?>
  24. <?php if ($top['is_sign'] == 1) {?>
  25. <a href="#" id="jump-url">
  26. <div class="nav-login">
  27. <div>立即登录</div>
  28. </div>
  29. </a>
  30. <?php }?>
  31. </div>
  32. </div>
  33. </div>
  34. <div style="height: 74px; background: #f2f3f5"></div>
  35. <div class="d_detail-all">
  36. <div class="d_detail">
  37. <div class="d_detail-left">
  38. <div class="d_detail-one">
  39. <div class="d_detail-one-head">
  40. <a href="<?php echo $cate_url?>">
  41. <div class="d_detail-title">
  42. <?php echo $rel['title']?>
  43. </div>
  44. <div class="d_detail-title2">
  45. <div class="d_detail-title2-img">
  46. <img
  47. src="<?php echo $rel['cate_img']?>"
  48. alt=""
  49. class="avatar"
  50. />
  51. </div>
  52. <div class="d_detail-name">
  53. <div class="d_detail-name1"><?php echo $rel['category_name']?></div>
  54. <div class="d_detail-name2">
  55. <?php echo $rel['cate_desc']?>
  56. </div>
  57. </div>
  58. </div>
  59. </a>
  60. </div>
  61. <div class="d_detail-content">
  62. <?php echo html_entity_decode($rel['content'])?>
  63. </div>
  64. <div class="d_detail-about-all">
  65. <div class="d_detail-about">相关阅读</div>
  66. <div calss="d_detail-ul">
  67. <?php foreach($web_rel as $kk=>$vv) {?>
  68. <a href="<?php echo $vv['web_url']?>">
  69. <div class="d_detail-li">
  70. <div class="d_detail-li-img">
  71. <img src="<?php echo $vv['thumb']?>" alt="" />
  72. </div>
  73. <div class="d_detail-li-right">
  74. <div>
  75. <div class="d_detail-li-right-title">
  76. <?php echo $vv['title']?>
  77. </div>
  78. <div class="d_detail-li-right-content">
  79. <?php echo $vv["desc"]?>
  80. </div>
  81. </div>
  82. <div class="d_detail-li-right-bottom">
  83. <a href="#"><span class="d_detail-li-right-bottom-left"><?php echo $vv['keyword']?></span></a>
  84. <a href="#"><span class="d_detail-li-right-bottom-right"><?php echo $vv['name']?></span></a>
  85. </div>
  86. </div>
  87. </div>
  88. </a>
  89. <?php }?>
  90. </div>
  91. </div>
  92. </div>
  93. </div>
  94. <div class="d_detail-right">
  95. <div class="d_detail-right-img">
  96. <div id="qrcode"></div>
  97. </div>
  98. <div class="d_detail-right-two">
  99. <div class="d_detail-right-two1">扫码在手机访问</div>
  100. <div class="d_detail-right-two2">
  101. 随时随地<br />
  102. 掌握经营技巧
  103. </div>
  104. </div>
  105. </div>
  106. </div>
  107. </div>
  108. <?php echo $tail;?>
  109. <div class="all-relation">
  110. <div class="relation-btn" id="relation-btn">
  111. <div class="relation-btn-one" id="callus">
  112. <img src="official/website/images/lianxikefu.png" alt="" />
  113. <div>联系客服</div>
  114. </div>
  115. <div class="relation-btn-one" id="back-top">
  116. <img src="official/website/images/huidaodingbu.png" alt="" />
  117. <div>回到顶部</div>
  118. </div>
  119. </div>
  120. <div class="relation">
  121. <div class="relation-title">在线咨询</div>
  122. <a href="<?php echo $basic['cus_link']?>" title="点击咨询">
  123. <div class="relation-tel">
  124. <div class="relation-tel-img">
  125. <img src="official/website/images/suspension_qq.png" alt="" />
  126. </div>
  127. <div class="relation-tel-word">在线客服</div>
  128. </div>
  129. </a>
  130. <div class="relation-tel">
  131. <div class="relation-tel-img">
  132. <img src="official/website/images/suspension_tel.png" alt="" />
  133. </div>
  134. <div class="relation-tel-word"><?php echo $basic['cus_mobile']?></div>
  135. </div>
  136. <div class="relation-tel relation-tel1">
  137. <div class="relation-tel-img">
  138. <img src="official/website/images/suspension_wechat.png" alt="" />
  139. </div>
  140. <div class="relation-tel-word">微信二维码</div>
  141. </div>
  142. <div class="qr-img">
  143. <img src="<?php echo $basic['cus_url']?>" alt="" />
  144. </div>
  145. <img id="close-btn" style="position: absolute; top: -15px; right: -25px" src="official/website/images/adsystem_icon_cancle.png" alt=""/>
  146. </div>
  147. </div>
  148. </div>
  149. <script src="official/website/js/qrcode.min.js"></script>
  150. <script type="text/javascript">
  151. var url = "";
  152. window.onload = function () {
  153. url = window.location.protocol+"//"+window.location.host+"/admin.html";
  154. if(document.getElementById("jump-url")) {
  155. document.getElementById("jump-url").setAttribute("href", url);
  156. }
  157. let dom1 = document.querySelectorAll(".d_detail-li");
  158. if (dom1 && dom1.length > 0) {
  159. for (let i = 0; i < dom1.length; i++) {
  160. dom1[i].onmouseover = function (e) {
  161. e.currentTarget.classList.add("news-li-selected");
  162. };
  163. dom1[i].onmouseout = function (e) {
  164. e.currentTarget.classList.remove("news-li-selected");
  165. };
  166. }
  167. }
  168. document.getElementById("callus").onclick = function (e) {
  169. document.getElementById("relation-btn").style.display = "none";
  170. document
  171. .getElementsByClassName("all-relation")[0]
  172. .classList.add("all-relation-hover");
  173. };
  174. document.getElementById("close-btn").onclick = function (e) {
  175. document.getElementById("relation-btn").style.display =
  176. "inline-block";
  177. document
  178. .getElementsByClassName("all-relation")[0]
  179. .classList.remove("all-relation-hover");
  180. };
  181. var scrollTop =
  182. document.documentElement.scrollTop || document.body.scrollTop;
  183. if (scrollTop > 0) {
  184. document.getElementById("back-top").style.display = "block";
  185. } else {
  186. document.getElementById("back-top").style.display = "none";
  187. }
  188. document.getElementById("back-top").onclick = function (e) {
  189. if (document.documentElement.scrollTop) {
  190. document.documentElement.scrollTop = 0;
  191. } else {
  192. document.body.scrollTop = 0;
  193. }
  194. };
  195. window.onscroll = function () {
  196. var scrollTop =
  197. document.documentElement.scrollTop || document.body.scrollTop;
  198. if (scrollTop > 0) {
  199. document.getElementById("back-top").style.display = "block";
  200. } else {
  201. document.getElementById("back-top").style.display = "none";
  202. }
  203. };
  204. function qrcodeScan () {//生成二维码
  205. var contact_url = "<?php echo $title_url;?>";
  206. let qrcode = new QRCode('qrcode', {
  207. width: 100, // 二维码宽度
  208. height: 100, // 二维码高度
  209. render: 'image',
  210. text: contact_url
  211. });
  212. let canvas = document.getElementsByTagName('canvas')
  213. var data = canvas[canvas.length-1].toDataURL().replace("image/png", "image/octet-stream;");
  214. }
  215. // 生成二维码
  216. qrcodeScan();
  217. };
  218. </script>
  219. </body>
  220. </html>