# navi-maker-example

**Repository Path**: packy-tang/navi-maker-example

## Basic Information

- **Project Name**: navi-maker-example
- **Description**: navi-maker的一个管理后台例子
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-03-21
- **Last Updated**: 2024-03-21

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# navi-maker-example

navi-maker的一个管理后台例子

## 特性

路由和导航使用[navi-maker](https://github.com/lpreterite/navi-maker)进行统一管理，并再提供一些常规的功能例子。

- 页面标题随着路由变化
- 面包屑导航
- 侧边栏导航
- 路由权限控制（登录）
- 明细页面导航和路由设置
- 导航图标设置

目前使用的是[ElementUI](https://element.eleme.cn/#/zh-CN)作为例子，navi-maker也可以结合使用其他UI框架来构建完整的信息架构。

## 预览

![](./docs/管理后台-仪表盘.png)

![](./docs/管理后台-草稿箱.png)

![](./docs/管理后台-其他-垃圾桶.png)


## Develop

```
npm install

npm run serve

npm run build

npm run lint
```

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