侧边栏 sidebar

用法

用于禅道侧边栏的渲染。

zin 声明

sidebar
(
    moduleMenu
    (
        set::productID(1),
        set::activeKey('4'),
        set::closeLink('/index.php?m=project&f=browse'),
    )
);

生成的 HTML

<div class="row has-sidebar-left" id="mainContent">
    <div class="sidebar sidebar-left">
        <div class="module-menu rounded shadow-sm">
            <header>
                <span class="module-title">售后服务</span>
                <a href="/index.php?m=project&amp;f=browse"><i class="icon icon-close" style="color: #313C52;"></i></a>
            </header>
            <main>
                <div data-zin-id="zin142">
                    <menu class="menu menu-nested" zinid="zin142" closelink="/index.php?m=project&amp;f=browse">
                        <li class="action-menu-item menu-item"><a class="" type="item"><span class="text">首页</span></a></li>
                        <li class="action-menu-item menu-item"><a class="" type="item"><span class="text">新闻中心</span></a></li>
                        <li class="action-menu-item menu-item"><a class="" type="item"><span class="text">成果展示</span></a></li>
                        <li class="action-menu-item menu-item active"><a class="" type="item"><span class="text">售后服务</span></a>
                        </li>
                        <li class="action-menu-item menu-item"><a class="" type="item"><span class="text">诚聘英才</span></a></li>
                        <li class="action-menu-item menu-item"><a class="" type="item"><span class="text">合作洽谈</span></a></li>
                        <li class="action-menu-item menu-item"><a class="" type="item"><span class="text">关于我们</span></a></li>
                    </menu>
                </div>
            </main>
            <div class="setting-btns"><a class="btn" style="background: #EEF5FF; border: none;">模块设置</a><a class="btn white">显示设置</a></div>
        </div>
        <div class="sidebar-toggle sidebar-left-toggle" id="zin135"><i class="icon icon-angle-left"></i></div>
    </div>
</div>

属性

属性名	类型	默认值	说明
side	string	'left'	侧边栏位置
showToggle	bool	true	是否显示折叠展开按钮