JavaScript 二级菜单组件

实现原因:

 单、多页面框架都需要这样一个菜单

优点:

 1、易用

 2、多功能配置

 3、样式控制灵活

 4、使用svg图标数据，拒绝懒加载字体图标

 5、支持多个实例

缺点:

 1、仅支持二级

获取和引用 osmenu

简单粗暴方式（必须首先提供的方式）

下载最新版本 && 使用标签引用

<link rel="stylesheet" href="styles/osmenu.css">

<script src="osmenu.js"></script>

npm + CommonJS 方式

npm install osmenu

var menu = require('osmenu');

Usage examples

1、基本使用：examples/basic.html

2、添加图标：examples/icon.html

3、获取svg图标：Meterial Design

配置项速查

data	创建菜单需要的数据（详见demo）
open	true | false | number 默认展开所有菜单
activeIndex	false | [number,number] | name 活动状态的菜单索引
mode	true | false 默认执行回调、false打开跳转链接
loadRunCallback	创建完成之后是否执行回调
callback	点击菜单触发的回调

联系我们

欢迎加入下面QQ群