bztang-admin/official/website/resource_detail.html

229 lines
8.8 KiB
HTML

<!DOCTYPE html>
<html>
<head lang="en">
<meta http-equiv="content-Type" content="text/html;charset=UTF-8" />
<meta http-equiv="Access-Control-Allow-Origin" content="*" />
<meta name="keywords" content="<?php echo $keywords ?>">
<meta name="description" content="<?php echo $describe ?>">
<title><?php echo $title ?></title>
<link rel="stylesheet" href="official/website/css/main.css" />
</head>
<body>
<div id="app">
<div class="nav">
<div class="nav-a">
<div class="nav-ul">
<div class="nav-logo">
<img src="<?php echo $top['logo']?>" alt="" />
</div>
<?php foreach($top['navigation'] as $kk=>$vv) {?>
<div class="nav-li <?php if($vv[tool]==$name){?> nav-selected <?php }?>">
<a href="<?php echo $vv['url']?>"><?php echo $vv['name']?></a>
</div>
<?php }?>
<?php if ($top['is_sign'] == 1) {?>
<a href="#" id="jump-url">
<div class="nav-login">
<div>立即登录</div>
</div>
</a>
<?php }?>
</div>
</div>
</div>
<div style="height: 74px; background: #f2f3f5"></div>
<div class="d_detail-all">
<div class="d_detail">
<div class="d_detail-left">
<div class="d_detail-one">
<div class="d_detail-one-head">
<a href="<?php echo $cate_url?>">
<div class="d_detail-title">
<?php echo $rel['title']?>
</div>
<div class="d_detail-title2">
<div class="d_detail-title2-img">
<img
src="<?php echo $rel['cate_img']?>"
alt=""
class="avatar"
/>
</div>
<div class="d_detail-name">
<div class="d_detail-name1"><?php echo $rel['category_name']?></div>
<div class="d_detail-name2">
<?php echo $rel['cate_desc']?>
</div>
</div>
</div>
</a>
</div>
<div class="d_detail-content">
<?php echo html_entity_decode($rel['content'])?>
</div>
<div class="d_detail-about-all">
<div class="d_detail-about">相关阅读</div>
<div calss="d_detail-ul">
<?php foreach($web_rel as $kk=>$vv) {?>
<a href="<?php echo $vv['web_url']?>">
<div class="d_detail-li">
<div class="d_detail-li-img">
<img src="<?php echo $vv['thumb']?>" alt="" />
</div>
<div class="d_detail-li-right">
<div>
<div class="d_detail-li-right-title">
<?php echo $vv['title']?>
</div>
<div class="d_detail-li-right-content">
<?php echo $vv["desc"]?>
</div>
</div>
<div class="d_detail-li-right-bottom">
<a href="#"><span class="d_detail-li-right-bottom-left"><?php echo $vv['keyword']?></span></a>
<a href="#"><span class="d_detail-li-right-bottom-right"><?php echo $vv['name']?></span></a>
</div>
</div>
</div>
</a>
<?php }?>
</div>
</div>
</div>
</div>
<div class="d_detail-right">
<div class="d_detail-right-img">
<div id="qrcode"></div>
</div>
<div class="d_detail-right-two">
<div class="d_detail-right-two1">扫码在手机访问</div>
<div class="d_detail-right-two2">
随时随地<br />
掌握经营技巧
</div>
</div>
</div>
</div>
</div>
<?php echo $tail;?>
<div class="all-relation">
<div class="relation-btn" id="relation-btn">
<div class="relation-btn-one" id="callus">
<img src="official/website/images/lianxikefu.png" alt="" />
<div>联系客服</div>
</div>
<div class="relation-btn-one" id="back-top">
<img src="official/website/images/huidaodingbu.png" alt="" />
<div>回到顶部</div>
</div>
</div>
<div class="relation">
<div class="relation-title">在线咨询</div>
<a href="<?php echo $basic['cus_link']?>" title="点击咨询">
<div class="relation-tel">
<div class="relation-tel-img">
<img src="official/website/images/suspension_qq.png" alt="" />
</div>
<div class="relation-tel-word">在线客服</div>
</div>
</a>
<div class="relation-tel">
<div class="relation-tel-img">
<img src="official/website/images/suspension_tel.png" alt="" />
</div>
<div class="relation-tel-word"><?php echo $basic['cus_mobile']?></div>
</div>
<div class="relation-tel relation-tel1">
<div class="relation-tel-img">
<img src="official/website/images/suspension_wechat.png" alt="" />
</div>
<div class="relation-tel-word">微信二维码</div>
</div>
<div class="qr-img">
<img src="<?php echo $basic['cus_url']?>" alt="" />
</div>
<img id="close-btn" style="position: absolute; top: -15px; right: -25px" src="official/website/images/adsystem_icon_cancle.png" alt=""/>
</div>
</div>
</div>
<script src="official/website/js/qrcode.min.js"></script>
<script type="text/javascript">
var url = "";
window.onload = function () {
url = window.location.protocol+"//"+window.location.host+"/admin.html";
if(document.getElementById("jump-url")) {
document.getElementById("jump-url").setAttribute("href", url);
}
let dom1 = document.querySelectorAll(".d_detail-li");
if (dom1 && dom1.length > 0) {
for (let i = 0; i < dom1.length; i++) {
dom1[i].onmouseover = function (e) {
e.currentTarget.classList.add("news-li-selected");
};
dom1[i].onmouseout = function (e) {
e.currentTarget.classList.remove("news-li-selected");
};
}
}
document.getElementById("callus").onclick = function (e) {
document.getElementById("relation-btn").style.display = "none";
document
.getElementsByClassName("all-relation")[0]
.classList.add("all-relation-hover");
};
document.getElementById("close-btn").onclick = function (e) {
document.getElementById("relation-btn").style.display =
"inline-block";
document
.getElementsByClassName("all-relation")[0]
.classList.remove("all-relation-hover");
};
var scrollTop =
document.documentElement.scrollTop || document.body.scrollTop;
if (scrollTop > 0) {
document.getElementById("back-top").style.display = "block";
} else {
document.getElementById("back-top").style.display = "none";
}
document.getElementById("back-top").onclick = function (e) {
if (document.documentElement.scrollTop) {
document.documentElement.scrollTop = 0;
} else {
document.body.scrollTop = 0;
}
};
window.onscroll = function () {
var scrollTop =
document.documentElement.scrollTop || document.body.scrollTop;
if (scrollTop > 0) {
document.getElementById("back-top").style.display = "block";
} else {
document.getElementById("back-top").style.display = "none";
}
};
function qrcodeScan () {//生成二维码
var contact_url = "<?php echo $title_url;?>";
let qrcode = new QRCode('qrcode', {
width: 100, // 二维码宽度
height: 100, // 二维码高度
render: 'image',
text: contact_url
});
let canvas = document.getElementsByTagName('canvas')
var data = canvas[canvas.length-1].toDataURL().replace("image/png", "image/octet-stream;");
}
// 生成二维码
qrcodeScan();
};
</script>
</body>
</html>