π 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="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="show_title mtop30">
<h1>{{article_info.title}}</h1>
<h2>εεΈζ₯ζοΌ{{article_info.add_time}}</h2>
</div>
<div class="danye mtop30" v-html="article_info.content">
</div>
</main>
</section>
{include file="public/footer"/}
</div>
<script>
var vm = new Vue({
el: '#vue',
data: {
article_id:0,
article_info:{},
},
methods: {
/*ζη« θ―¦ζ
*/
ArticleInfo(){
var that = this;
req_post('/api/Index/article_info', {'article_id':that.article_id}).then(res => {
if (res.code == 200){
that.article_info = res.data.article_info;
}
});
},
},
created() {
var that = this;
that.article_id = "{$article_id}";
that.ArticleInfo();
}
})
</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>