# vue-navigation-scroll-bar

> A Vue.js project

## 一、安装使用

#### 1.安装

npm安装

```js
npm install vue-navigation-scroll-bar
```

yarn安装

```js
yarn add vue-navigation-scroll-bar
```



#### 2.使用

##### vue2使用

```js
import {VueNavigationScrollBar} from 'vue-navigation-scroll-bar'

components:{
    VueNavigationScrollBar
}
```

##### vue3使用

```js
import {VueNavigationScrollBar} from 'vue-navigation-scroll-bar'
```

##### 代码中使用

```html
<VueNavigationScrollBar :navList="navList" barColor="red" barBgColor="blue" />
```

## 文档

props:

| 名称       | 功能               | 类型   | 默认值 |
| ---------- | ------------------ | ------ | ------ |
| navList    | 滚动列表展示内容   | Array  | []     |
| barColor   | 缩略滚动条颜色     | String | Orange |
| barBgColor | 缩略滚动条背景颜色 | String | #ddd   |