<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>