Mip-nav-slidedown Menu detailed mip-nav-slidedown menu how to use

Title	Content
Type	General
Support layout	Responsive,fixed-height,fill,container,fixed Document
The required script	Https://mipcache.bdstatic.com/static/v1/mip-nav-slidedown/mip-nav-slidedown.js

Sample

Add content in the following format,<a> can be replaced with <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/" > Home </a>

</li>

<li class= "Doc-body" >

<a target= "_blank" href= "//www.mipengine.org/doc/00-mip-101.html" > Tutorials </a>

</li>

<li class= "Timeline-body" >

<a target= "_blank" href= "//www.mipengine.org/timeline.html" > Dynamic </a>

</li>

<li class= "" >

<a target= "_blank" href= "http://www.cnblogs.com/mipengine/" target= "_blank" > Blog </a>

</li>

<li class= "Navbar-wise-close" >

<span id= "Navbar-wise-close-btn" ></span>

</li>

</ul>

</nav>

</mip-nav-slidedown>

</div>

Property

Data-id

Description: Internal Menu ID

Required option: Yes

Type: string

Data-showbrand

Description: Do you need to display the clickable icon in the upper left corner

Required option: No

Type: string, 0 (not shown), 1 (display)

Default value: 1

Data-brandhref

Description: Top left corner icon Jump link, valid at Data-showbrand for 1 o'clock

Required option: No

Type: URL

Default: '/'