밉-내비-슬라이드다운 메뉴


mip-nav-slidedown은 반응형 메뉴를 구현하며 이는 mip 공식 웹사이트

QQ截图20170204131648.png

Example

다음 형식으로 콘텐츠를 추가합니다. <a>可以替换为<mip-link>

<div class="mip-nav-wrapper">
<mip-nav-slidedown data-id="bs-navbar" class="mip-element-sidebar container" data-showbrand="1">
    <nav id="bs-navbar" class="navbar-collapse collapse navbar navbar-static-top">
        <ul class="nav navbar-nav navbar-right">
            <li class="index-body">
                <a target="_blank" href="//www.mipengine.org/">首页</a>
            </li>
            <li class="doc-body">
                <a target="_blank" href="//www.mipengine.org/doc/00-mip-101.html">教程</a>
            </li>
            <li class="timeline-body">
                <a target="_blank" href="//www.mipengine.org/timeline.html">动态</a>
            </li>
            <li class="">
                <a target="_blank" href="http://www.cnblogs.com/mipengine/" target="_blank">博客</a>
            </li>
            <li class="navbar-wise-close">
                <span id="navbar-wise-close-btn"></span>
            </li>
        </ul>
    </nav>
</mip-nav-slidedown>
</div>

attribute

data-id

설명: 내부 메뉴 ID
필수 옵션: 예
유형: 문자열

data-showbrand

설명: 왼쪽 상단에 클릭 가능한 아이콘을 표시할지 여부
필수 옵션: 아니요
유형: 문자열, 0(표시되지 않음), 1(표시됨) )
기본값 : 1

data-brandhref

설명: 왼쪽 상단의 아이콘 점프 링크는 data-showbrand가 1일 때 유효합니다.
필수 옵션: No
Type: url
기본값: '/'