# nh-light

**Repository Path**: dakedou/nh-light

## Basic Information

- **Project Name**: nh-light
- **Description**: layui插件，导航高亮
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 7
- **Forks**: 5
- **Created**: 2021-07-01
- **Last Updated**: 2023-08-17

## Categories & Tags

**Categories**: layui-components

**Tags**: None

## README

# nh-light

#### 介绍
layui插件，导航高亮
根据数据展示最多到二级目录.
可以修改样式文件.nav-pcc 

#### 预览教程

![输入图片说明](https://images.gitee.com/uploads/images/2021/0702/084812_523c1b67_980461.png "图1.png")

![输入图片说明](https://images.gitee.com/uploads/images/2021/0702/084822_3c9f15d5_980461.png "图2.png")

![输入图片说明](https://images.gitee.com/uploads/images/2021/0702/085257_68153797_980461.gif "video.gif")

#### 使用说明

为了更好的展示，下载后预览index.html文件，可能有跨域问题，建议用服务器预览。
主要文件在js/NHighlight.js 文件中
header.html的js中有详细有调用的方式。


```
layui.use(['NHighlight'],function(){
        var NHighlight = layui.NHighlight
        NHighlight.init({
            elemId:'#nav',
            data:data,
            // themeColor:'#555',   //主题颜色 ，默认#4395ff
            // themeStyle:'backdrop',          //主题风格 ，边框或背景色 backdrop，默认边框 border
            // hoverBool:true       //是否有hover效果 ,默认有
        })
```