menu mip-nav-slidedown


mip-nav-slidedown melaksanakan menu responsif, yang dipetik di laman web rasmi mip

QQ截图20170204131648.png

Contoh

Tambahkan kandungan dalam format berikut, <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>

Atribut🜎Deskripsi

Data Dalaman

id menu

Pilihan yang diperlukan: Ya

Jenis: String

data-showbrand

Penerangan: Sama ada mahu memaparkan ikon boleh klik di sudut kiri atas

Pilihan yang diperlukan: Tidak

Jenis: Rentetan, 0 (tidak dipaparkan), 1 (dipaparkan )
Nilai lalai : 1

data-brandhref

Penerangan: Pautan lompat ikon di sudut kiri atas adalah sah apabila data-showbrand ialah 1

Pilihan yang diperlukan: Tidak

Jenis: url
Lalai: '/'