ABPVue.js开发技巧vue

vue antd 中后台前端框架vue-alain 二

2018-10-20  本文已影响34人  诸葛_小亮

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
我的公众号
上一篇 下一篇

猜你喜欢

热点阅读