144 lines
6.5 KiB
PHP
144 lines
6.5 KiB
PHP
<?php echo 'Discuz!应用中心开发者-简约设计';exit;?>
|
|
|
|
<!--{template common/header}-->
|
|
<!-- header start -->
|
|
<header class="header_xin">
|
|
<div class="hdc_xin cl" id="byg_header">
|
|
<div class="header_z cl">
|
|
<a href="javascript:;" class="shouye">
|
|
<img src="<!--{avatar($_G['uid'], 'middle', true)}-->" alt="头像"/>
|
|
<!--{if $_G[member][newpm] || $post_notice_new}-->
|
|
<img src="{$_G['style']['styleimgdir']}/new_pm.png" alt="提醒" class="new_pm"/>
|
|
<!--{/if}-->
|
|
</a>
|
|
<em>›</em>
|
|
<span>{lang faq}</span>
|
|
</div>
|
|
<a href="javascript:history.back();" title="返回上一页" class="header_y">
|
|
<img src="{$_G['style']['styleimgdir']}/houtui.png" alt="返回"/></a>
|
|
</div>
|
|
</header>
|
|
<!--{hook/global_header_mobile}-->
|
|
<!-- header end -->
|
|
|
|
<div class="byg_faq_nav">
|
|
<style type="text/css">
|
|
.byg_faq_nav{ width: 100%; height: .32rem; line-height: .2rem; margin-bottom: .1rem; padding: .06rem 0; background: #fff; border-bottom: 1px solid #eee; overflow-y: hidden; overflow-x: auto; white-space: nowrap;}
|
|
.byg_faq_nav a{ width: auto; height: .2rem; margin: 0 .11rem 0 .01rem; padding: .06rem .1rem; display: inline-block; font-size: .16rem; position: relative; vertical-align: middle;}
|
|
.byg_faq_nav a:last-child{ margin-right: 0;}
|
|
.byg_faq_nav .a{ color: {$_G['style']['zhuti']};}
|
|
.byg_faq_nav .a:after{ content: "."; position: absolute; top: .26rem; left: 50%; display: block; width: .16rem; height: .04rem; margin-left: -.08rem; line-height: 999em; background: {$_G['style']['zhuti']}; color: #fff; border-radius: .02rem;}
|
|
.byg_faq_search{ margin: .1rem 0; padding: .1rem; background: #fff;}
|
|
.byg_faq_search .px{ margin: 0; padding: 0; width: 2.95rem; height: .3rem; line-height: .3rem; text-indent: .05rem; border: .01rem solid #ddd; font-size: .15rem; border-radius: .02rem;}
|
|
.byg_faq_search .pn{ width: .5rem; line-height: .32rem; height: .32rem;}
|
|
.byg_faq_list{ background: #fff;}
|
|
.byg_faq_list_h1{ padding: .1rem; font-size: .17rem; font-weight: 700;}
|
|
.byg_faq_list_li{ padding: .1rem; border-top: 1px solid #eee;}
|
|
.byg_faq_list_li_t .z{ width: 3.2rem; line-height: .24rem; font-size: .16rem;}
|
|
.byg_faq_list_li_sub .byg_faq_list_li_t .z{ padding-left: .2rem; width: 3rem; font-size: .15rem;}
|
|
.byg_faq_list_li_t .y{ width: .1rem; height: .1rem; margin: .04rem; padding: .03rem; background: #f1f1f1; border-radius: 50%; transition: transform 0.2s; -webkit-transition: transform 0.2s; -o-transition: transform 0.2s; -moz-transition: transform 0.2s;}
|
|
.byg_faq_list_li_t .y.on{ -webkit-transform: rotateZ(90deg); -moz-transform: rotateZ(90deg); -o-transform: rotateZ(90deg); -ms-transform: rotateZ(90deg); transform: rotateZ(90deg);}
|
|
.byg_faq_list_li_b{ position: relative; overflow: hidden; margin: .08rem 0 .04rem; padding: .08rem .1rem; border: 1px dashed #eee; background: #ffe; border-radius: .02rem;}
|
|
.byg_faq_list_li_b a{ color: #06c;}
|
|
</style>
|
|
<div class="swiper-wrapper">
|
|
<a href="misc.php?mod=faq" class="{if empty($_GET['action'])}a{/if}">{lang all}</a>
|
|
<!--{loop $faqparent $fpid $parent}-->
|
|
<a href="misc.php?mod=faq&action=faq&id=$fpid" class="{if $_GET[id] == $fpid}a{/if}">$parent[title]</a>
|
|
<!--{/loop}-->
|
|
</div>
|
|
</div>
|
|
<link rel="stylesheet" href="{$_G['style']['styleimgdir']}/swiper.min.css" type="text/css">
|
|
<script type="text/javascript" src="{$_G['style']['styleimgdir']}/swiper.jquery.min.js"></script>
|
|
<script type="text/javascript">
|
|
jQuery(".byg_faq_nav a").addClass("swiper-slide");
|
|
var tab_initial = jQuery(".byg_faq_nav .a").length > 0 ? jQuery(".byg_faq_nav .a").index() : 0;
|
|
var byg_faq_nav = new Swiper('.byg_faq_nav', {
|
|
initialSlide : tab_initial,
|
|
slidesPerView : 'auto',
|
|
freeMode : true,
|
|
});
|
|
</script>
|
|
|
|
<div class="byg_faq_search cl">
|
|
<form method="post" autocomplete="off" action="misc.php?mod=faq&action=search" class="cl">
|
|
<input type="hidden" name="formhash" value="{FORMHASH}" />
|
|
<input type="hidden" name="searchtype" value="all" />
|
|
<input type="text" name="keyword" value="$keyword" class="px z" />
|
|
<button type="submit" name="searchsubmit" class="pn y" value="yes"><em>{lang search}</em></button>
|
|
</form>
|
|
</div>
|
|
|
|
<div class="byg_faq_list cl">
|
|
<!--{if empty($_GET[action])}-->
|
|
<h1 class="byg_faq_list_h1">{lang all}{lang faq}</h1>
|
|
<ul class="cl">
|
|
<!--{loop $faqparent $fpid $parent}-->
|
|
<li class="byg_faq_list_li">
|
|
<div class="byg_faq_list_li_t cl">
|
|
<h2 class="z"><a href="misc.php?mod=faq&action=faq&id=$fpid">$parent[title]</a></h2>
|
|
<img src="{$_G['style']['styleimgdir']}/jinru.png" alt="开关" class="y" />
|
|
</div>
|
|
</li>
|
|
<!--{loop $faqsub[$parent[id]] $sub}-->
|
|
<li class="byg_faq_list_li byg_faq_list_li_sub">
|
|
<div class="byg_faq_list_li_t cl">
|
|
<h3 class="z"><a href="misc.php?mod=faq&action=faq&id=$sub[fpid]&messageid=$sub[id]">$sub[title]</a></h3>
|
|
<img src="{$_G['style']['styleimgdir']}/jinru.png" alt="开关" class="y" />
|
|
</div>
|
|
</li>
|
|
<!--{/loop}-->
|
|
<!--{/loop}-->
|
|
</ul>
|
|
<!--{elseif $_GET[action] == 'faq'}-->
|
|
<h1 class="byg_faq_list_h1">$ctitle</h1>
|
|
<ul class="cl">
|
|
<!--{loop $faqlist $faq}-->
|
|
<li class="byg_faq_list_li">
|
|
<div id="announce{$faq[id]}" class="byg_faq_list_li_t cl">
|
|
<h3 class="z">{$faq[title]}</h3>
|
|
<img src="{$_G['style']['styleimgdir']}/jinru.png" alt="开关" id="announce{$faq[id]}_i" class="y{if $_GET[messageid] == $faq[id]} on{/if}" />
|
|
</div>
|
|
<div id="announce{$faq[id]}_c" class="byg_faq_list_li_b cl" {if $_GET[messageid] != $faq[id]}style="display: none"{/if}>
|
|
{$faq[message]}
|
|
</div>
|
|
</li>
|
|
<!--{/loop}-->
|
|
</ul>
|
|
<!--{elseif $_GET[action] == 'search'}-->
|
|
<h1 class="byg_faq_list_h1">{lang keyword_faq}</h1>
|
|
<ul class="cl">
|
|
<!--{if $faqlist}-->
|
|
<!--{loop $faqlist $faq}-->
|
|
<li class="byg_faq_list_li">
|
|
<div id="announce{$faq[id]}" class="byg_faq_list_li_t cl">
|
|
<h3 class="z">{$faq[title]}</h3>
|
|
<img src="{$_G['style']['styleimgdir']}/jinru.png" alt="开关" id="announce{$faq[id]}_i" class="y on" />
|
|
</div>
|
|
<div id="announce{$faq[id]}_c" class="byg_faq_list_li_b cl">
|
|
{$faq[message]}
|
|
</div>
|
|
</li>
|
|
<!--{/loop}-->
|
|
<!--{else}-->
|
|
<li class="byg_faq_list_li">{lang faq_search_nomatch}</li>
|
|
<!--{/if}-->
|
|
</ul>
|
|
<!--{/if}-->
|
|
<script type="text/javascript">
|
|
jQuery('.byg_faq_list_li_t').on('click', function() {
|
|
var an = jQuery(this);
|
|
var an_i = jQuery('#' + an.attr('id') + '_i');
|
|
var an_c = jQuery('#' + an.attr('id') + '_c');
|
|
if(an_c.css('display') == 'none') {
|
|
an_c.css('display', 'block');
|
|
an_i.addClass('on');
|
|
} else {
|
|
an_c.css('display', 'none');
|
|
an_i.removeClass('on');
|
|
}
|
|
});
|
|
</script>
|
|
</div>
|
|
|
|
<!--{template common/footer}-->
|