📖 File Reader
<!DOCTYPE html>
<html>
<head>
<meta content="true">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
<title>黑龙江豪特热力设计有限公司</title>
<link rel="stylesheet" href="__PUBLIC__/home/css/base.css">
<link rel="stylesheet" href="__PUBLIC__/home/css/swiper-bundle.min.css">
<link rel="stylesheet" href="__PUBLIC__/home/css/iconfont.css"/>
<link rel="stylesheet" href="__PUBLIC__/home/css/css.css">
<link rel="stylesheet" href="__PUBLIC__/home/css/media.css"/>
<script src="__PUBLIC__/home/js/jquery-1.11.3.min.js"></script>
<script src="__PUBLIC__/home/js/swiper-bundle.min.js"></script>
</head>
<body>
{include file="public/head"/}
<!-- 头部结束 -->
<div class="erbanner" style=" background: url(__PUBLIC__/home/img/erbanner.jpg) center center no-repeat; background-size: cover;">
<img src="__PUBLIC__/home/img/erbanner.jpg">
</div>
<section class="erbox">
<main>
<div class="title conf conc">
<div class="titex"><h2>关于我们<i></i></h2></div>
</div>
<div class="lxlist" data-wow-delay="0.1s">
<span>
<img src="__PUBLIC__/home/img/lx1.png">
<p>{$config.platform_address}</p>
</span>
<span>
<img src="__PUBLIC__/home/img/lx2.png">
<p>官方网址<br>{$config.url2}</p>
</span>
<span>
<img src="__PUBLIC__/home/img/lx3.png">
<p>客户热线<br>{$config.platform_phone}</p>
</span>
</div>
<div class="lxmap mtop30" id="mapbox"></div>
</main>
</section>
{include file="public/footer"/}
<script>
var swiper = new Swiper(".bannerSwiper", {
slidesPerView: 1,
spaceBetween: 0,
speed:1000,
loop: true,
autoplay: {
delay: 5000,
disableOnInteraction: false,
},
navigation: {
nextEl: ".banner .swiper-button-next",
prevEl: ".banner .swiper-button-prev",
},
pagination: {
el: ".swiper-pagination",
clickable: true,
renderBullet: function (index, className) {
return '<span class="' + className + '">' + '0' + (index + 1) + "</span>";
},
},
});
</script>
<script src="__PUBLIC__/home/js/jquery.waypoints.min.js"></script>
<script src="__PUBLIC__/home/js/jquery.countup.min.js"></script>
<script type="text/javascript">
$('.shu').countUp();
</script>
<script>
$(".mBtn").click(function(){
$(this).toggleClass('active');
$("nav").toggleClass('active');
$('.tkceng').removeClass('active');
$('.tkbox').removeClass('active');
});
$(".second-nav").css({"top":$(".headbox").height()})//经过二级菜单跟随
$(".m-c").click(function(){
$(this).parent('div').find('.first-nav').toggleClass('focus').parent('div').siblings().find('.first-nav').removeClass('focus');
$(this).parent('div').find('.second-nav').stop().slideToggle(200).parent('div').siblings().find('.second-nav').stop().slideUp(200);
});
$('.djss').click(function(){
$('.tkceng').toggleClass('active');
$('.tkbox').toggleClass('active');
$("nav").removeClass('active');
$(".mBtn").removeClass('active');
});
$('.guanbi').click(function(){
$('.tkceng').removeClass('active');
$('.tkbox').removeClass('active');
});
</script>
<script charset="utf-8" src="https://map.qq.com/api/gljs?v=1.exp&key=RRIBZ-MZ5CK-STDJW-ATPNC-RPD5F-UXBY5"></script>
<script>
var center = new TMap.LatLng(45.732206,126.529858);
// 初始化地图
var map = new TMap.Map('mapbox', {
zoom: 15.8, // 设置地图缩放
center: center, // 设置地图中心点坐标,
pitch: 0, // 俯仰度
rotation: 0, // 旋转角度
});
var marker = new TMap.MultiMarker({
map: map,
styles: {
// 点标记样式
marker: new TMap.MarkerStyle({
width: 20, // 样式宽
height: 30, // 样式高
anchor: {
x: 10,
y: 30
}, // 描点位置
}),
},
geometries: [
// 点标记数据数组
{
// 标记位置(纬度,经度,高度)
position: center,
id: 'marker',
},
],
});
</script>
</body>
</html>