https://github.com/lpreterite/navi-maker-example

navi-maker的一个管理后台例子
https://github.com/lpreterite/navi-maker-example

example navigation

Last synced: 11 months ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/lpreterite/navi-maker-example
• Owner: lpreterite
• Created: 2024-03-19T03:51:37.000Z (almost 2 years ago)
• Default Branch: master
• Last Pushed: 2024-03-19T09:18:39.000Z (almost 2 years ago)
• Last Synced: 2025-01-13T10:11:28.423Z (about 1 year ago)
• Topics: example, navigation
• Language: Vue
• Homepage: https://navi-maker.exp.packy.store
• Size: 251 KB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

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/).