<extend name="Public/base" />
<block name="head" >
    <link href="__CSS__/user.css" rel="stylesheet">

    <link href="__CSS__/doc.css" rel="stylesheet">
</block>
<block name="body" >
    <script src="__JS__/bootstrap-select.min.js"></script>
    <script src="__JS__/VMenu.js"></script>
        <div class="main">
            <div class="innerwrap clearfix">
                <div class="doc_left left" style="background:#fff;">
                    <div class="menu list_group list_group_top" id="menu">
                        <volist name="data" id="vo">
                            <a class="list_group_item" href="javascript:"><image src="{$vo['icon']}" class="left_title_img"/>{$vo.title}
                                <i class="iconfont icon-angle_right drop_down "></i>
                            </a>
                            <div class="list_group {$vo['id'] == $content['category_id'] ? 'active' : ''}">
                                <volist name="vo._child" id="child">
                                <a class="list_group_item" href="{:U('index',['id'=>$child['id'],'pid'=>$vo['id']])}" id="m{$vo.id}.{$child.id}" ><i class="circle"></i>{$child.title}</a>
                                </volist>
                            </div>
                        </volist>
                    </div>
                </div>
                <div class="doc_right right" style="position: relative; min-height: 600px;background:#fff;">
                    {$content.content}
                    <div style="position: absolute; right: 0px;bottom: 10px;">
                        <notempty name="content.create_time"> {:time_format($content['create_time'])}</notempty>
                    </div>
                </div>

            </div>
        </div>
    <script>
        $('.tabtitle .jbtn').on('click',function() {
            var that = $(this),href = that.attr('href');
            that.addClass('active').siblings().removeClass('active');
            $(href).removeClass('hidden').siblings().addClass('hidden');
        });
        $('#server').selectpicker({
            size: 15
        });
        $.VMenu.show('#menu');
        $.VMenu.open("m{$content.category_id}.{$content.id}");


    </script>
</block>