Vue-Ant Design Pro of Vue

Ant Design Pro of Vue

本来呢是想写一些关于Ant Design Vue的文章,不过恰好用到了一个开源的基于Ant Design Vue 开发的Ant Design Pro of Vue的中后台框架,就在此基础上写一些关于Ant Design Pro of Vue的文章。在此之前,先介绍一下Ant Design Pro of Vue。

准备

本地环境首先需要安装 node 和 git。关于安装的教程就不在这里介绍了,如果实在有安装失败,就自行百度一下。
并且有必要提前了解和学习一下 Ant Design Vue。

介绍

摘取一段官方的文字:
Ant Design Pro 是一个企业级中后台前端/设计解决方案,我们秉承 Ant Design 的设计价值观,致力于在设计规范和基础组件的基础上,继续向上构建,提炼出典型模板/业务组件/配套设计资源,进一步提升企业级中后台产品设计研发过程中的『用户』和『设计者』的体验。

因为Ant Design Pro of Vue是基于Ant Design Vue的,在使用过程中,感觉相较于 elementUI 来说,组件会更丰富一点,总体来说是很不错的。下面我给几个链接,并展示几张界面图,组件图等看一下。

Vue.js:https://vuejs.bootcss.com/
Ant Design of Vue:https://vue.ant.design
Ant Design Pro of Vue:https://pro.loacg.com/

图例

Ant Design Vue 组件图:
目前一共有55个组件,非常丰富。
Vue-Ant Design Pro of Vue_第1张图片
Ant Design Pro of Vue也提供了一些专用组件,可以自行选择:
Vue-Ant Design Pro of Vue_第2张图片
Ant Design Pro of Vue的部分界面图:
Vue-Ant Design Pro of Vue_第3张图片

Vue-Ant Design Pro of Vue_第4张图片
看起来还是很漂亮的,右侧边的齿轮按钮是一个自定义功能,可以更换背景,样式等等。你可以根据自己的项目和业务需求快速的开发出一套完整的中后台项目。

你可能感兴趣的:(Vue)