# vue-bootstrap-admin

**Repository Path**: tietang/vue-bootstrap-admin

## Basic Information

- **Project Name**: vue-bootstrap-admin
- **Description**: 基于vue和bootstrap-vue的管理后台模板，提供了2种模板风格，多种配色，并且可以很容易自定义配色。
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 7
- **Forks**: 4
- **Created**: 2020-07-14
- **Last Updated**: 2022-06-10

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# vue bootstrap admin

## Project setup
```
npm install
```

### Compiles and hot-reloads for development
```
npm run serve
```

### Compiles and minifies for production
```
npm run build
```

### Lints and fixes files
```
npm run lint
```

### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).

## snapshoot
## simple 
###dark
![](<./doc/imgs/dark-full.png>)
![](<./doc/imgs/dark-mini.png>)

###light
![](<./doc/imgs/light-full.png>)
![](<./doc/imgs/light-mini.png>)
## muti menu dark
![](<./doc/imgs/muti-dark-full.png>)
![](<./doc/imgs/muti-dark-mini.png>)

## 使用方法

### simple layout
```vue
 <simple-layout :menus="routes"/>
```
#### 
### muti layout
```vue
<multi-layout :menus="routes" multi-expand/>
```

```js
export default {
  name: 'App',
  data () {
    return {
      routes: this.$router.options.routes,
    }
  }
}
```