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.
98 lines
3.7 KiB
98 lines
3.7 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/otherService.css">
|
|
</head>
|
|
|
|
<body>
|
|
<!-- header start -->
|
|
{include file="common/header" /}
|
|
<!-- header end -->
|
|
<div class="bannerList">
|
|
<div class="img">
|
|
<img src="__TMPL__/static/images/yanjiuyuan/banner2.jpg" alt="" />
|
|
</div>
|
|
<div class="w1280">
|
|
<div class="bannerTitle">其他服务</div>
|
|
</div>
|
|
</div>
|
|
<div class="tabs-head">
|
|
<div class="w1280">
|
|
<ul>
|
|
{hcTaglib:subcategory pid="12" 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="main ">
|
|
<div class="container w1280 question">
|
|
<ul class="left-list">
|
|
{hcTaglib:subCategory pid="$current_cate['id']" item="vo" field="id,title" sort="sort asc"}
|
|
<li class="{$key==1?'active':''}"><span>{$vo.title}</span> <i class="layui-icon layui-icon-right"></i></li>
|
|
{/hcTaglib:subCategory}
|
|
</ul>
|
|
<div class="right-question">
|
|
{hcTaglib:subCategory pid="$current_cate['id']" item="vo" field="id,title" sort="sort asc"}
|
|
<ul class="collapse {$key==1?'active':''}">
|
|
<h2 class="title">{$vo.title}</h2>
|
|
{hcTaglib:content cid="$vo.id" moduleId="1" item="vv" mainField="id,title,description,content" }
|
|
<li class="collapse-item">
|
|
<h4 class="collapse-title">
|
|
<div class="title">
|
|
<img src="__TMPL__/static/images/online/onlineBlock6Ico.png" alt="">
|
|
<span>{$vv.title}</span>
|
|
</div>
|
|
<div class="icon"></div>
|
|
</h4>
|
|
<div class="collapse-content">
|
|
<div class="answer-content">
|
|
<div class="answer-icon">答</div>
|
|
<div class="answer">{$vv.content|raw}</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
{/hcTaglib:content}
|
|
</ul>
|
|
{/hcTaglib:subCategory}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- footer start-->
|
|
{include file="common/footer" /}
|
|
<!-- footer end -->
|
|
{include file="common/foot" /}
|
|
<!-- 当前 -->
|
|
<script src="__TMPL__/static/js/layui.js"></script>
|
|
|
|
<script>
|
|
// 左侧切换
|
|
$('.left-list li').click(function () {
|
|
$(this).siblings().removeClass('active')
|
|
$(this).addClass('active')
|
|
let index = $(this).index()
|
|
$('.collapse').siblings('.collapse').hide()
|
|
$('.collapse').eq(index).show()
|
|
})
|
|
// 折叠面板
|
|
$('.collapse .collapse-item .icon').click(function () {
|
|
if ($(this).hasClass('active')) {
|
|
$(this).removeClass('active')
|
|
} else {
|
|
$(this).addClass('active')
|
|
}
|
|
$(this).parents('.collapse-item').children('.collapse-content').slideToggle(300)
|
|
})
|
|
</script>
|
|
</body>
|
|
|
|
</html>
|