vue-alain

vue-alain 是基于 vue 和 Ant Design of Vue（Ant Design 的 vue 版本） 基础组件库的中后台前端，使用vue vue cli 3.0 typescript antd antd pro Ant Design Vue技术栈，参考并使用了ng-alain相关内容，秉承 Ant Design 的设计价值观。

github--https://github.com/vue-alain/vue-alain
预览：https://vue-alain.github.io/
vue antd 中后台前端框架vue-alain

更新内容

1. 新增 reusetab 组件
2. 使用 v-charts 重构图表组件，包括 miniarea 、minibar、timeline 等
3. 修复菜单收起显示不正常的问题
4. 完善多语言信息
5. 实现登录功能

组件

1. charts组件，基于v-charts封装了部分常用组件
2. reusetab组件，复用tab组件，用于tab导航
3. breadcrumblist组件，路由导航组件
4. selectlange, 多语言切换组件

charts

封装了一些常用组件，比如miniarea、minibar、pie 等

miniarea

image.png
image.png

minibar

image.png

bar

image.png

pie

image.png
image.png

timeline

image.png

reusetab

复用tab标签，主要使用在复用路由上，展示路由信息，以便快捷跳转到打开过的页面

image.png

breadcrumblist

面包屑快捷导航组件，根据当前路由信息，设置面包学的导航信息

image.png

selectlange

切换多语言组件，依赖v-i18n组件

image.png

---

我的公众号