You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
63 lines
2.2 KiB
PHP
63 lines
2.2 KiB
PHP
|
|
<div class="layout-sidebar" id="J_layoutSidebar" style="overflow-y: auto;">
|
|
<div class="layout-sidebar-backdrop"></div>
|
|
<div class="layout-sidebar-body">
|
|
<script type="text/javascript">
|
|
var leftNavs = <?php echo !empty($articleList) ? json_encode($articleList) : '[]';?>
|
|
</script>
|
|
<div class="custom-scrollbar">
|
|
<nav class="sidenav-collapse collapse in">
|
|
<ul class="sidenav">
|
|
<li class="sidenav-heading ft_16 m-t-0">帮助中心</li>
|
|
<li class="sidenav-heading ft_16 m-t-0">
|
|
<input type="text" name="keyword" value="" id="J_searchNavKeyword" class="form-control" placeholder="搜索...">
|
|
</li>
|
|
</ul>
|
|
<ul class="sidenav" id="J_leftNavBox">
|
|
<?php foreach ($articleList as $art){?>
|
|
<li class="sidenav-item has-subnav J_initialNav">
|
|
<a href="<?php echo Zc::url(RouteConst::frontHelpIndex, array('articleId' => $art['help_article_id']));?>" class="<?php echo $art['help_article_id'] == $curArticleId ? 'darkpink' : 'blueberry';?> ft_16">
|
|
<i class="fa fa-bullhorn"></i> <span class="title"><?php echo $art['title']?></span>
|
|
</a>
|
|
</li>
|
|
<?php }?>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
<div class="resizer" id="J_resizeLayoutSidebar"></div>
|
|
</div>
|
|
<div class="layout-content" id="J_layoutContent" style="background: #fff;min-height: 100vh">
|
|
<div class="layout-content-body">
|
|
<div class="right-container" style="margin-top: 0;background-color: #fff">
|
|
<div class="article-content">
|
|
<h4 class="text-center bordered-bottom-1 bordered-lightcarbon pd_15 mt_0" style="background-color: #fff"><?php echo $article['title'];?></h4>
|
|
<div class="widget">
|
|
<div class="widget-body"><?php echo $article['content'];?></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script>
|
|
$(function(){
|
|
$('#J_searchNavKeyword').on('input', function() {
|
|
var keyword = $(this).val();
|
|
if (!keyword) {
|
|
$('#J_leftNavBox li').show();
|
|
return;
|
|
}
|
|
$('#J_leftNavBox li .title').each(function() {
|
|
if ($(this).html().indexOf(keyword) > -1) {
|
|
$(this).closest('li').show();
|
|
} else {
|
|
$(this).closest('li').hide();
|
|
}
|
|
})
|
|
})
|
|
});
|
|
</script>
|
|
</div>
|
|
</div>
|
|
<div class="layout-footer" id="J_layoutFooter">
|
|
<?php Zc::W(WidgetConst::commonFooter);?>
|
|
</div>
|