{$layout}

{$var "header"}
<link rel="stylesheet" type="text/css" href="/_/@default/docs/index.css" media="all" />
<script type="text/javascript" src="/_/@default/docs/index.js"></script>
{$end}

<div class="doc-container">
    <div class="mobile-menu-toggle">
        <div class="toggle-button">
            <i class="icon angle down"></i>
            <span>显示目录</span>
        </div>
    </div>
    
    <div class="sidebar-menu">
        <div class="toc-wrapper">
            <div class="toc-header">
                <h3>目录</h3>
            </div>
            <div class="toc-content">
                {$.rootTOC}
            </div>
        </div>
    </div>
    
    <div class="main-content">
        <div class="content-wrapper">
            {$.content}
        </div>
    </div>
    
    <div class="page-toc">
        <div class="toc-wrapper">
            <div class="toc-header">
                <h3>本页导航</h3>
            </div>
            <div class="toc-content">
                {$.toc}
            </div>
        </div>
    </div>
</div>