An open API service indexing awesome lists of open source software.

https://github.com/lqsong/template-vant-vue

是一个前台前端解决方案,它基于Frame-Template-Vue框架 、VantUI 组件实现。它使用了最新的前端技术栈、动态路由、权限验证、国际化、Mock 数据等。
https://github.com/lqsong/template-vant-vue

axios pinia template vant vue vue-router vue3

Last synced: 7 months ago
JSON representation

是一个前台前端解决方案,它基于Frame-Template-Vue框架 、VantUI 组件实现。它使用了最新的前端技术栈、动态路由、权限验证、国际化、Mock 数据等。

Awesome Lists containing this project

README

          

# Template-Vant-Vue

`Template-Vant-Vue`([Github](https://github.com/lqsong/template-vant-vue)、[Gitee](https://gitee.com/lqsong/template-vant-vue)) 是一个前台前端解决方案,它基于[Frame-Template-Vue](http://frame-template-vue.liqingsong.cc/)框架 、[Vant](https://vant-contrib.gitee.io/vant/)UI 组件实现。它使用了最新的前端技术栈、动态路由、权限验证、国际化、Mock 数据等。

## Demo

**注意:Demo 用的是在线 mock 服务,不稳定,若在线登录不了 pull 到本地可直接运行查看 demo**

| **[Demo(点击此处)](http://demo.template-vant-vue.liqingsong.cc/)** |
:-------------------------:
| ![Home](http://frame-template-vue.liqingsong.cc/images/template-vant-vue/1home.png) |
| ![Home](http://frame-template-vue.liqingsong.cc/images/template-vant-vue/2cate.png) |
| ![Home](http://frame-template-vue.liqingsong.cc/images/template-vant-vue/3car.png) |
| ![Home](http://frame-template-vue.liqingsong.cc/images/template-vant-vue/4my.png) |
| ![Home](http://frame-template-vue.liqingsong.cc/images/template-vant-vue/5my-set.png) |
| ![Home](http://frame-template-vue.liqingsong.cc/images/template-vant-vue/6login.png) |
| ![Home](http://frame-template-vue.liqingsong.cc/images/template-vant-vue/7reg.png) |
| ![Home](http://frame-template-vue.liqingsong.cc/images/template-vant-vue/8-1home.png) |
| ![Home](http://frame-template-vue.liqingsong.cc/images/template-vant-vue/8-2cate.png) |
| ![Home](http://frame-template-vue.liqingsong.cc/images/template-vant-vue/8-3car.png) |
| ![Home](http://frame-template-vue.liqingsong.cc/images/template-vant-vue/8-4my.png) |
| ![Home](http://frame-template-vue.liqingsong.cc/images/template-vant-vue/8-5my-set.png) |
| ![Home](http://frame-template-vue.liqingsong.cc/images/template-vant-vue/8-6login.png) |
| ![Home](http://frame-template-vue.liqingsong.cc/images/template-vant-vue/8-7reg.png) |

## 使用文档

- [http://frame-template-vue.liqingsong.cc/guide/sdev/template-vant-vue.html](http://frame-template-vue.liqingsong.cc/guide/sdev/template-vant-vue.html)
- [Github](https://github.com/lqsong/template-vant-vue)
- [Gitee](https://gitee.com/lqsong/template-vant-vue)

## 框架模板

- frame-template-vue([GitHub](https://github.com/lqsong/frame-template-vue)、[Gitee](https://gitee.com/lqsong/frame-template-vue))

## 后台前端解决方案列表

- admin-element-vue([GitHub](https://github.com/lqsong/admin-element-vue)、[Gitee](https://gitee.com/lqsong/admin-element-vue))
- admin-antd-vue([GitHub](https://github.com/lqsong/admin-antd-vue)、[Gitee](https://gitee.com/lqsong/admin-antd-vue))
- admin-antd-react([GitHub](https://github.com/lqsong/admin-antd-react)、[Gitee](https://gitee.com/lqsong/admin-antd-react))
- electron-admin-element-vue([GitHub](https://github.com/lqsong/electron-admin-element-vue)、[Gitee](https://gitee.com/lqsong/electron-admin-element-vue))
- electron-admin-antd-vue([GitHub](https://github.com/lqsong/electron-admin-antd-vue)、[Gitee](https://gitee.com/lqsong/electron-admin-antd-vue))
- electron-admin-antd-react([GitHub](https://github.com/lqsong/electron-admin-antd-react)、[Gitee](https://gitee.com/lqsong/electron-admin-antd-react))
- admin-vue3-micro-qiankun([GitHub](https://github.com/lqsong/admin-vue3-micro-qiankun)、[Gitee](https://gitee.com/lqsong/admin-vue3-micro-qiankun))

## 前台前端解决方案列表

- template-vant-vue([GitHub](https://github.com/lqsong/template-vant-vue)、[Gitee](https://gitee.com/lqsong/template-vant-vue))

## 前台前端 SSR 解决方案列表

- midway-vue3-ssr([GitHub](https://github.com/lqsong/midway-vue3-ssr)、[Gitee](https://gitee.com/lqsong/midway-vue3-ssr))
- midway-react-ssr([GitHub](https://github.com/lqsong/midway-react-ssr)、[Gitee](https://gitee.com/lqsong/midway-react-ssr))

## 快速入门

> 请使用 pnpm , **[pnpm 的安装与使用](http://liqingsong.cc/article/detail/26)** 。

### 本地开发

```bash
$ pnpm i
$ pnpm dev
```

## 捐赠

如果你觉得这个项目帮助到了你,请帮助点击 Star,你也可以请作者喝咖啡表示鼓励.

| **ALIPAY** | **WECHAT** |
| :---------------------------------------------------------------------------------------: | :---------------------------------------------------------------------------------------: |
| ![Alipay](http://uploads.liqingsong.cc/20210430/f62d2436-8d92-407d-977f-35f1e4b891fc.png) | ![Wechat](http://uploads.liqingsong.cc/20210430/3e24efa9-8e79-4606-9bd9-8215ce1235ac.png) |