hxxl/templates/info_detail.html

261 lines
10 KiB
HTML
Raw Permalink Normal View History

2024-12-02 12:49:54 +08:00
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport"
content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
<meta http-equiv="Cache-Control" content="no-siteapp">
<link rel="stylesheet" href="images/base.css">
<link rel="stylesheet" href="images/inside.css">
<link rel="stylesheet" href="images/adver.css">
<script src="js/jquery.min.js"></script>
<script src="js/jquery.SuperSlide.2.1.2.js"></script>
<script src="js/adver.js"></script>
<link rel="stylesheet" href="images/swiper.min.css">
<script src="js/swiper.min.js"></script>
<script src="js/common.js?rightButton=0&mobilejump=1"></script>
<script type="text/javascript" src="//js.users.51.la/21603483.js"></script>
</head>
<body>
<link rel="stylesheet" href="js/animate.min.css">
<script src="js/wow.min.js"></script>
<script>
new WOW().init();
</script>
<div class="wrapper">
<div class="header">
{% include "components/header_one.html" %}
<script type="text/javascript">
$(function () {
function winScrollTop() {
var winScrollTop = $(window).scrollTop();
if (winScrollTop > 0) {
$(".header").addClass("bgcf");
} else {
$(".header").removeClass("bgcf");
}
}
winScrollTop()
$(window).scroll(function () {
winScrollTop()
});
})
</script>
<script type="text/javascript">
$(function () {
$(".alau .en").hover(function () {
$(this).find("img").fadeToggle(500);
});
})
</script>
<script>$(".nav li").hover(function () { $(this).find(".sub").stop().slideToggle(500); })</script>
<div class="banner" style="">
<img style="width: 100vw;height: 20vw;object-fit: cover;" src="upload/2023-03/167903179248274700.jpg">
</div>
<div class="search">
<div class="searchp">
<div class="searchpa">
<form class="clearfix" action="search.php" method="get"
onsubmit="if(this.search_keyword.value == ''){ alert('搜索关键字不能为空!'); this.search_keyword.focus(); return false; }">
<div class="serclose"><img src="images/serclose.png"></div>
<input type="search" name="search_keyword" class="txt" placeholder="请输入搜索关键字">
<input type="hidden" name="hash" value="b669da7e242a12d4cc9660816425334a">
<input type="submit" value="搜索" class="btn">
</form>
</div>
</div>
</div>
<script type="text/javascript">
$(function () {
$(".serbot").click(function () {
$(".search").addClass('search01');
});
$(".serclose").click(function () {
$(".search").removeClass('search01');
});
});
</script>
<div class="container">
<div class="nm">
<div class="g-in">
<div class="sidebar">
<h2 class="leftTitle"><i>典型案例</i><s></s></h2>
<div class="menu">
<dl>
<dt><a href="#">智慧矿山</a>
</dt>
<dt class="current"><a href="#">智慧园区案例</a>
</dt>
<dt><a href="#">数字展厅</a>
</dt>
<dt><a href="#">智慧信息</a>
</dt>
</dl>
</div>
</div>
<script type="text/javascript">
$(function () {
$(".menu dl dt").hover(function () {
$(this).find(".trd").stop(true).slideToggle(500);
});
})
</script>
</div>
</div>
<div class="wrap clearfix">
<div class="main">
<div class="article">
<div class="bd wow fadeInUp animated" data-wow-delay="0.3s">
<table style="width:100%;background-color:#FFFFFF;" class="ke-zeroborder" cellspacing="0" cellpadding="2" border="0">
<tbody>
<tr>
<td style="width:3%;">
<br>
</td>
<td>
<p align="center">
<br>
</p>
<p align="center">
<strong><span style="font-size:24px;">{{ detail['title'] }}</span></strong>
</p>
<p align="center">
<img src="{{ detail['image_url'] }}" alt="">
</p>
<p>
<br>
</p>
<!-- 使用 safe 过滤器直接渲染富文本内容 -->
<p>
{{ detail['content'] | safe }}
</p>
<br>
</td>
<td style="width:3%;">
<br>
</td>
</tr>
</tbody>
</table>
<br>
<table style="width:100%;" class="ke-zeroborder" cellspacing="0" cellpadding="2" border="0">
<tbody>
<tr>
<td rowspan="3">
<img src="{{ detail['image_url'] }}" alt="" title="" width="864" height="600" align=""><br>
</td>
<td style="width:2%;">
<br>
</td>
<td align="right">
<img src="{{ detail['image_url'] }}" alt="" title="" width="403" height="285" align=""><br>
</td>
</tr>
<tr>
<td>
<br>
</td>
<td>
<br>
</td>
</tr>
<tr>
<td>
<br>
</td>
<td align="right">
<img src="{{ detail['image_url'] }}" alt="" title="" width="403" height="285" align=""><br>
</td>
</tr>
</tbody>
</table>
</div>
<!-- <div class="ft wow fadeInUp animated" data-wow-delay="0.3s">
<ul>
<li><strong>上一篇:<a href="{{ url_for('info_detail', id=detail['prev_id']) }}">{{ detail['prev_title'] }}</a></strong></li>
<li><strong>下一篇:{% if detail['next_id'] %}<a href="{{ url_for('info_detail', id=detail['next_id']) }}">{{ detail['next_title'] }}</a>{% else %}无{% endif %}</strong></li>
</ul>
</div> -->
</div>
<script language="javascript">
$(function () {
var content_width;
var imgObj = $(".article").find("img");
if (imgObj.length > 0) {
for (var i = 0; i < imgObj.length; i++) {
if (imgObj[i].width > 1200) imgObj[i].width = 1200;
}
}
})
</script>
</div>
</div>
</div>
{% include "components/footer.html" %}
<div class="ufix">
<ul>
<li>
<a href="javascript:void(0)">
<div class="ufixa">
<div class="ufixaa"><img src="images/fix1_03.png"></div>
<div class="ufixab"><img src="images/fix1a_03.png"></div>
</div>
<div class="ufixd">xxxxx</div>
</a>
</li>
<li>
<a href="javascript:void(0)">
<div class="ufixa">
<div class="ufixaa"><img src="images/fix2_06.png"></div>
<div class="ufixab"><img src="images/fix2a_06.png"></div>
</div>
<div class="ufixb">
<div class="ufixba">关注公众号</div>
<div class="ufixbb">
<img src="upload/2023-03/167842562082587600.jpg" width="118">
</div>
</div>
</a>
</li>
<li>
<a href="javascript:void(0)" class="totop">
<img src="images/fix3_08.png">
</a>
</li>
</ul>
</div>
<script type="text/javascript">
$(function () {
$(".ufix ul li").hover(function () {
$(this).find(".ufixb").stop(true).fadeToggle(500);
});
$(".ufix ul li").hover(function () {
$(this).find(".ufixd").stop(true).fadeToggle(500);
});
$(".totop").click(function () {
$('html,body').animate({ scrollTop: '0px' }, 600);
});
})
</script>
</div>
<script>
$.ajax({ url: 'hit_counter.php', data: { page: document.location.pathname } })
</script>
<script>
//var _hmt = _hmt || [];
//(function() {
// var hm = document.createElement("script");
// hm.src = "https://hm.baidu.com/hm.js?29421c9c0c16f866f835902f7faba935";
// var s = document.getElementsByTagName("script")[0];
// s.parentNode.insertBefore(hm, s);
//})();
</script>
</div>
</body>
</html>