顶部用户面板
- 主导航按钮较多时可移除左侧用户面板, 启用顶部用户面板
- 放在
.header-bar
里面 - 左侧用户面板移除后需要将
button.aside-collapse-button
移至顶部.brand
里面, 否则折叠按钮会与主导航位置冲突
右侧边栏
<!-- sidebar start -->
<div class="item MT-hidden">
<button type="button" id="modal-sidebar-button" data-toggle="modal" data-target="#modal-sidebar">
<i class="icon-dot-array-y"></i>
</button>
</div>
<section class="modal fade modal-sidebar" id="modal-sidebar">
<div class="modal-dialog modal-stick-right">
<div class="modal-header">
<h3 class="title">右侧边栏标题</h3>
<div class="card-header-action">
<button type="button" class="button button-flat" data-dismiss="modal"><i class="icon-cancel"></i></button>
</div>
</div>
<div class="modal-content">
<!-- 卡片系统 -->
</div>
</div>
</section>
<script type="text/javascript">
jQuery(document).ready(function($) {
// 右侧边栏滚动条美化
var sidebarScrollbar = new PerfectScrollbar('#modal-sidebar .modal-content', {
suppressScrollX: true,
swipeEasing: false,
wheelPropagation: false
});
});
</script>
<!-- sidebar over -->
- 放在
.header-bar
里面
左侧仪表面板
- 放在
aside
里面
Powered by © ZhiYe Software Technology Co.,Ltd