📖 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>{$config.name}</title>
<script src="__PUBLIC__/layui-v2.9.14/layui/layui.js"></script>
<link href="__PUBLIC__/layui-v2.9.14/layui/css/layui.css" rel="stylesheet">
<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/vue"/}
{include file="public/head"/}
<div id="vue">
<!-- 头部结束 -->
<div class="banner">
<!-- Swiper -->
<div class="swiper bannerSwiper">
<div class="swiper-wrapper">
<div class="swiper-slide" v-for="item in ad_list">
<div class="ban_bg" style="background: url(/public/home/img/banner.jpg) center center no-repeat; background-size: cover;"><img :src="item.img"></div>
</div>
</div>
<div class="bannerfu box">
<div class="swiper-pagination"></div>
<div class="swiper-button-next"><img src="__PUBLIC__/home/img/right.png"></div>
<div class="swiper-button-prev"><img src="__PUBLIC__/home/img/left.png"></div>
<div class="shub"><img src="__PUBLIC__/home/img/shub.png"><p>鼠标下滑</p></div>
</div>
</div>
</div>
<section>
<main>
<div class="title conf conc">
<div class="titex"><h2>新闻动态<i></i></h2></div>
<h3>NEWS CENTER</h3>
<a class="more" href="/home/Article/article_list_lie?act_id=1&source=journalism">查看更多 +</a>
</div>
<div class="con1 conf">
<div class="con1le"><a href="javascript:void(0)"><img src="__PUBLIC__/home/img/tu.png"></a></div>
<div class="con1ri">
<a class="con1list" :href="'/home/Article/article_info?article_id='+item.id+'&source=journalism'" v-for="item in list_xwdt">
<h2 class="ziov">{{item.title}}</h2>
<p>{{item.add_time}}</p>
</a>
</div>
</div>
</main>
</section>
<section class="con2bj">
<main>
<div class="con2 conf">
<div class="con2le">
<div class="title conf conc">
<div class="titex"><h2>关于我们<i></i></h2></div>
<h3>ABOUT US</h3>
<a class="more" href="/home/Article/article_info?article_id=17&source=AboutUs">查看更多 +</a>
</div>
<div class="con2title conf conc">
<h2>黑龙江豪特热力设计有限公司</h2>
<a class="more" href="/home/Article/article_info?article_id=17&source=AboutUs">查看更多 +</a>
</div>
<div class="danye mtop30">
黑龙江豪特热力设计有限公司成立于2010年，主要从事以城镇集中供热为主的科学研究、工程咨询、工程设计等工作，具有市政行业(热力工程)甲级工程设计证书、市政公用工程乙级资信证书、特种设备生产许可证书(压力管道GB2和GC2类设计)等从业资质。
</div>
<div class="con2con conf">
<div class="con2shu">
<span><b class="shu">2010</b><i>年</i></span>
<p>公司成立于</p>
</div>
<div class="con2shu">
<span><b class="shu">1000</b><i>万</i></span>
<p>注册资金</p>
</div>
<div class="con2shu">
<span><b class="shu">21</b><i>个</i></span>
<p>高级工程师</p>
</div>
<div class="con2shu">
<span><b class="shu">13</b><i>个</i></span>
<p>专业证书</p>
</div>
</div>
</div>
<div class="con2ri"><img src="__PUBLIC__/home/img/tu0.png"></div>
</div>
</main>
</section>
<section class="con3bj">
<main>
<div class="title conf conc">
<div class="titex"><h2>工程业绩<i></i></h2></div>
<h3>business</h3>
</div>
<div class="con3 conf">
<div class="con3le">
<a class="tu con3tu" :href="'/home/Article/article_info?article_id='+item.id+'&source=engineering'" v-for="(item,key) in list_gcyj" v-if="key == 0">
<h1><img :src="item.img"></h1>
<p class="ziov">{{item.title}}</p>
</a>
</div>
<div class="con3ri">
<a class="tu con3tu" :href="'/home/Article/article_info?article_id='+item.id+'&source=engineering'" v-for="(item,key) in list_gcyj" v-if="key > 0">
<h1><img :src="item.img"></h1>
<p class="ziov">{{item.title}}</p>
</a>
</div>
</div>
<div class="con3more mtop30"><a class="more" href="/home/Article/article_list_hang?source=engineering">查看更多 +</a></div>
</main>
</section>
{include file="public/footer"/}
</div>
<script>
var vm = new Vue({
el: '#vue',
data: {
ad_list:[],
list_xwdt:[],
list_gcyj:[],
},
methods: {
/*幻灯片*/
AdList(){
var that = this;
req_post('/api/Ad/ad_list', {'act_id':1}).then(res => {
if (res.code == 200){
that.ad_list = res.data.list;
}
});
},
/*新闻动态*/
ListXwdt(){
var that = this;
req_post('/api/Index/article_list', {'act_id':1,'page':1,'limit':5}).then(res => {
if (res.code == 200){
that.list_xwdt = res.data.list;
}
});
},
/*工程业绩*/
ListGcyj(){
var that = this;
req_post('/api/Index/article_list', {'act_id':5,'page':1,'limit':5}).then(res => {
if (res.code == 200){
that.list_gcyj = res.data.list;
}
});
},
},
created() {
var that = this;
that.AdList();
that.ListXwdt();
that.ListGcyj();
}
})
</script>
<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>
</body>
</html>