osmenu

1.0.0 • Public • Published

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群

Readme

Keywords

Package Sidebar

Install

npm i osmenu

Weekly Downloads

0

Version

1.0.0

License

MIT

Last publish

Collaborators

  • oscxc