长城期货
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.
 
 
 
 
 
 

130 lines
4.2 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" />
<!-- 通用 -->
{include file="common/head" /}
<!-- 当前 -->
<link rel="stylesheet" href="__TMPL__/static/css/mixin.css" />
<link rel="stylesheet" href="__TMPL__/static/css/zhibo.css" />
</head>
<body>
<!-- header start -->
{include file="common/header" /}
<!-- header end -->
<div class="bannerList">
<div class="img">
<img src="__TMPL__/static/images/zhibo/img-1.jpg" alt="" />
</div>
<div class="w1280">
<div class="bannerTitle">特色服务</div>
<div class="bannerTips">海纳并蓄,锐知敦行</div>
</div>
</div>
<div class="tabs-head">
<div class="w1280">
<ul>
{hcTaglib:subcategory pid="3" item="vo" field="id,title" sort="sort asc"}
<li class="{$current_cate['id']==$vo.id?'active':''}"><a href="{:hcUrl('list/index',['id'=>$vo.id])}" >{$vo.title}</a></li>
{/hcTaglib:subcategory}
</ul>
</div>
</div>
<div class="broadcast-review w1280">
<div class="broadcast-title">
<p>热门回顾</p>
<a href="{:hcUrl('list/index',['id'=>73])}" class="more">更多</a>
</div>
<div class="review-list">
{hcTaglib:content cid="73" moduleId="1" limit="5" item="vo" field="id,title,thumbnail" sort="publish_time desc"}
<a href="{:hcUrl('detail/index',['id'=>$vo.id,'cid'=>$vo.category_id])}" target="_blank" class="review-box">
<img src="{$vo.thumbnail.url}" alt=""/>
<div class="bottom">
<p>{$vo.title}</p>
<span>{$vo.sub_title}</span>
</div>
</a>
{/hcTaglib:content}
</div>
</div>
<div class="forward-review w1280">
<div class="broadcast-title">
<p>数字期货</p>
<a href="{:hcUrl('list/index',['id'=>74])}" class="more">更多</a>
</div>
<div class="review-list">
{hcTaglib:content cid="74" moduleId="1" limit="8" item="vo" field="id,title,thumbnail" sort="publish_time desc"}
<a href="{:hcUrl('detail/index',['id'=>$vo.id,'cid'=>$vo.category_id])}" target="_blank" class="review-box">
<img src="{$vo.thumbnail.url}" alt=""/>
<div class="bottom">
<p>{$vo.title}</p>
<span>{$vo.sub_title}</span>
</div>
</a>
{/hcTaglib:content}
</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>
</body>
</html>