198 lines
7.5 KiB
HTML
198 lines
7.5 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"></div>
|
|
|
|
<div class="l_bg">
|
|
<div class="l_list">
|
|
<div class="l_title">
|
|
<div class="l_title-img">
|
|
<img src="<?php echo $article_cate_data['cate_img']?>" alt="" />
|
|
</div>
|
|
<div class="l_title-right">
|
|
<div class="l_title-right-one">
|
|
<span class="l_title-right-one1"><?php echo $article_cate_data['name']?></span>
|
|
</div>
|
|
<div class="l_title-right-two"><?php echo $article_cate_data['cate_desc']?></div>
|
|
<div class="l_title-right-three">
|
|
<span><?php echo $article_total_rel['article_total']?>篇文章 ・</span>
|
|
<span><?php echo $article_total_rel['article_read']?>次浏览</span>
|
|
</div>
|
|
</div>
|
|
</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="<?php echo $vv['web_url']?>"><span class="d_detail-li-right-bottom-left"><?php echo $vv['keyword']?></span></a>
|
|
<a href="<?php echo $vv['web_url']?>"><span class="d_detail-li-right-bottom-right"><?php echo $vv['name']?></span></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
<?php }?>
|
|
</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 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");
|
|
};
|
|
}
|
|
}
|
|
let dom2 = document.querySelectorAll(".l_navigation-li");
|
|
if (dom2 && dom2.length > 0) {
|
|
for (let i = 0; i < dom2.length; i++) {
|
|
dom2[i].onmouseover = function (e) {
|
|
e.currentTarget.classList.add("l_navigation-li-selected");
|
|
};
|
|
dom2[i].onmouseout = function (e) {
|
|
e.currentTarget.classList.remove("l_navigation-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";
|
|
}
|
|
};
|
|
};
|
|
</script>
|
|
</body>
|
|
</html>
|