首页 > 编程技术 > H5 MIP基础入门笔记教程 > mip-nav-slidedown菜单标签用法

mip-nav-slidedown菜单标签用法

384

mip-nav-slidedown 实现响应式的菜单，在mip官网有引用

标题	内容
类型	通用
支持布局	responsive,fixed-height,fill,container,fixed 文档
所需脚本	https://mipcache.bdstatic.com/static/v1/mip-nav-slidedown/mip-nav-slidedown.js

mip-nav-slidedown菜单标签示例

按如下格式添加内容，<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>

属性

data-id

说明：内部菜单id
必选项：是
类型：字符串

data-showbrand

说明：是否需要左上角显示可点击图标
必选项：否
类型：字符串，0（不显示），1（显示）
默认值：1

data-brandhref

说明：左上角图标跳转链接，在data-showbrand为1时有效
必选项：否
类型：url
默认：'/'

原文链接: https://www.yukx.com/h5mip/article/details/2206.html 优科学习网mip-nav-slidedown菜单标签用法

上一篇: mip-list列表组件标签用法

下一篇: mip-share 分享标签用法

推荐文章

input框不可编辑能被选中属性设置

在HTML中，如果你想让一个输入框（input元素）不可编辑，你可以通过设置其readonly属性来实现。示例如下：input type="text" value="此处内容不可编辑" readonly在上述代码中，readonly属性使得用户无法修改输入框中的内容。另外，如果你希望输入框完全不可交
ASP.NET教程

ASP.NET教程ASP.NET又称为ASP+，基于.NETFramework的Web开发平台，是微软公司推出的新一代脚本语言。ASP.NET是一个使用HTML、CSS、JavaScript和服务器脚本创建网页和网站的开发框架。ASP.NET支持三种不一样的开发模式：WebPages（Web页面）、
C#判断

C# 判断判断结构要求程序员指定一个或多个要评估或测试的条件，以及条件为真时要执行的语句（必需的）和条件为假时要执行的语句（可选的）。下面是大多数编程语言中典型的判断结构的通常形式：判断语句C#提供了以下类型的判断语句。点击链接查看每个语句的细节。语句描述if语句一个 if语句由一个布尔表达式后跟
C#循环

C#循环有的时候，可能需要多次执行同一块代码。通常情况下，语句是顺序执行的：函数中的第一个语句先执行，接着是第二个语句，依此类推。编程语言提供了允许更为复杂的执行路径的多种控制结构。循环语句允许我们多次执行一个语句或语句组，下面是大多数编程语言中循环语句的通常形式：循环类型C#提供了以下几种循环类型
C#数组（Array）声明与使用

C#数组（Array）数组是一个存储相同类型元素的固定大小的顺序集合。数组是用来存储数据的集合，一般认为数组是一个同一类型变量的集合。声明数组变量并不是声明number0、number1、...、number99一个个单独的变量，而是声明一个就像numbers这样的变量，然后使用numbers[0]
ASP.NET 简介

ASP.NET是一个由微软公司开发的用于构建Web应用程序的框架，它是.NETFramework的一部分。它提供了一种模型-视图-控制器（MVC）架构、Web表单以及最新的ASP.NETCore中的RazorPages等多种开发模式，可以用来创建动态网页和Web服务。以下是一些基础的ASP.NET编