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.
170 lines
5.8 KiB
170 lines
5.8 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/characteristic.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="business-container w1280">
|
|
{hcTaglib:contentDetail id="1570" name="contentDetail" moduleId="1" mainField="id,title,thumbnail,content"}
|
|
<div class="business-text">
|
|
<div class="broadcast-title">
|
|
<p>{$contentDetail.title|default=''}</p>
|
|
</div>
|
|
<div class="text">
|
|
{$contentDetail['content']|raw}
|
|
</div>
|
|
</div>
|
|
<div class="img">
|
|
<img src="{$contentDetail.thumbnail.url|default=''}" />
|
|
</div>
|
|
{/hcTaglib:contentDetail}
|
|
|
|
</div>
|
|
<div class="business-flow">
|
|
<div class="w1280">
|
|
<div class="broadcast-title">
|
|
<p>服务流程</p>
|
|
</div>
|
|
<div class="flow-list">
|
|
{hcTaglib:contentList ids="1571,1572,1573,1574,1575" moduleId="1" limit="5" mainField="title,sub_title,thumbnail,description" sort="sort asc,id asc" item="vo"}
|
|
<div class="flow-box">
|
|
<div class="flow-head">
|
|
<p>{$vo.sub_title|default=''}</p>
|
|
<img src="{$vo.thumbnail.url|default=''}" />
|
|
</div>
|
|
<div class="text">
|
|
{$vo.description|raw}
|
|
</div>
|
|
<div class="num">0{$key}</div>
|
|
</div>
|
|
{/hcTaglib:contentList}
|
|
</div>
|
|
</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('table', function () {
|
|
var table = layui.table
|
|
|
|
table.render({
|
|
elem: '#message-table', //指定原始表格元素选择器（推荐id选择器）
|
|
data: [
|
|
{
|
|
id: 10000,
|
|
username: 'user-0'
|
|
},
|
|
{
|
|
id: 10000,
|
|
username: 'user-0'
|
|
},
|
|
{
|
|
id: 10000,
|
|
username: 'user-0'
|
|
},
|
|
{
|
|
id: 10000,
|
|
username: 'user-0'
|
|
}
|
|
],
|
|
cols: [
|
|
[
|
|
{ field: 'username', title: '姓名', align: 'center' },
|
|
{ field: 'username', title: '期货从业资格号', align: 'center' },
|
|
{ title: '投资咨询从业资格号', align: 'center' },
|
|
{ title: '人员分工', align: 'center' }
|
|
]
|
|
] //设置表头
|
|
})
|
|
})
|
|
</script>
|
|
</body>
|
|
|
|
</html>
|