You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
132 lines
4.3 KiB
132 lines
4.3 KiB
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<link rel="stylesheet" href="__TMPL__/static/css/layui.css" />
|
|
<!-- 通用 -->
|
|
{include file="common/head" /}
|
|
<!-- 当前 -->
|
|
<link rel="stylesheet" href="__TMPL__/static/css/mixin.css" />
|
|
<link rel="stylesheet" href="__TMPL__/static/css/culture.css" />
|
|
<style>
|
|
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<!-- header start -->
|
|
{include file="common/header" /}
|
|
<!-- header end -->
|
|
<div class="bannerList">
|
|
<div class="img">
|
|
<img src="{$current_cate.banner.url|default=''}" alt="" />
|
|
</div>
|
|
<div class="w1280">
|
|
<div class="bannerTitle">{$current_cate.title}</div>
|
|
<div class="bannerTips">{$current_cate.description}</div>
|
|
</div>
|
|
</div>
|
|
<div class="culture-new-bg">
|
|
<div class="culture-list w1280">
|
|
{hcTaglib:contentPage moduleId="1" name="articleList" mainField="id,title,thumbnail,description,publish_time"}
|
|
<div class="culture-box">
|
|
<a href="{:hcUrl('detail/index',['id'=>$vo.id,'cid'=>$vo.category_id])}" class="img">
|
|
<img src="{$vo.thumbnail.url}" />
|
|
</a>
|
|
<div class="text">
|
|
<div class="time">{$vo.publish_time|date='Y.m.d'}</div>
|
|
<a href="{:hcUrl('detail/index',['id'=>$vo.id,'cid'=>$vo.category_id])}">
|
|
<div class="title">{$vo.title}</div>
|
|
</a>
|
|
<div class="description">{$vo.description}</div>
|
|
</div>
|
|
</div>
|
|
{/hcTaglib:contentPage}
|
|
{$articleList|raw}
|
|
</div>
|
|
</div>
|
|
|
|
<!-- footer start-->
|
|
{include file="common/footer" /}
|
|
<!-- footer end -->
|
|
<!-- 通用 -->
|
|
{include file="common/foot" /}
|
|
<!-- 当前 -->
|
|
<script src="__TMPL__/static/js/layui.js"></script>
|
|
<script>
|
|
// banner
|
|
var swiper = new Swiper('.indexBannerSwiper', {
|
|
pagination: {
|
|
el: '.indexBannerSwiper .swiper-pagination'
|
|
}
|
|
})
|
|
// tab 切换
|
|
$('.indexBlock2 .w1280 .right .top .tab a').click(function () {
|
|
$(this).addClass('on')
|
|
$('.indexBlock2 .w1280 .right .content .list')
|
|
.eq($(this).inde())
|
|
.fadeIn()
|
|
})
|
|
// 日历
|
|
layui.use(function () {
|
|
var layer = layui.layer
|
|
var laydate = layui.laydate
|
|
laydate.render({
|
|
elem: '#ID-laydate-static-1',
|
|
position: 'static',
|
|
mark: {
|
|
'2023-9-15': ''
|
|
}
|
|
})
|
|
})
|
|
// 服务hover
|
|
$('.indexBlock5 .w1280 .content .list').hover(
|
|
function () {
|
|
$(this).children('.posi').stop().fadeOut()
|
|
$(this).children('.posiOn').stop().fadeIn()
|
|
$(this).children('.posiOn').css('display', 'flex')
|
|
},
|
|
function () {
|
|
$(this).children('.posi').stop().fadeIn()
|
|
$(this).children('.posiOn').stop().fadeOut()
|
|
}
|
|
)
|
|
// 走进东亚 视频
|
|
$('.indexBlock6 .w1280 .right .player').click(function () {
|
|
$('.windowVideo').stop().fadeIn()
|
|
setTimeout(function () {
|
|
$('#indexBlock6video')[0].play()
|
|
}, 500)
|
|
})
|
|
$('.windowVideo .content .close').click(function () {
|
|
$('.windowVideo').stop().fadeOut()
|
|
$('#indexBlock6video')[0].pause()
|
|
})
|
|
</script>
|
|
<script>
|
|
layui.use(['laypage', 'layer'], function () {
|
|
var laypage = layui.laypage,
|
|
layer = layui.layer
|
|
//分页器
|
|
laypage.render({
|
|
prev: '<em class="layui-icon layui-icon-left"></em>',
|
|
next: '<em class="layui-icon layui-icon-right"></em>',
|
|
elem: 'pager', //注意，这里的 test1 是 ID，不用加 # 号
|
|
count: 80, //数据总数，从服务端得到
|
|
groups: 3,
|
|
jump: function (obj, first) {
|
|
//obj包含了当前分页的所有参数，比如：
|
|
console.log(obj.curr) //得到当前页，以便向服务端请求对应页的数据。
|
|
console.log(obj.limit) //得到每页显示的条数
|
|
//首次不执行
|
|
if (!first) {
|
|
//do something
|
|
}
|
|
}
|
|
})
|
|
})
|
|
</script>
|
|
</body>
|
|
</html>
|