预 览开始使用 1 2 3 4 Feature What canProdo for you 优雅美观 基于Ant Design 体系精心设计 常见设计模式 提炼自中后台应用的典型页面和场景 最新技术栈 使用Vue/vuex/antd 等前端前沿技术开发 响应式 针对不同屏幕大小设计 主题 可配置的主题满足多样化的品牌诉求 ...
通常布局是和路由系统紧密结合的,Ant Design Pro 的路由使用了Vue-Router的路由方案,为了统一方便的管理路由和页面的关系,我们将配置信息统一抽离到config/router.config.js下,通过如下配置定义每个页面的布局: // eslint-disable-next-line import { UserLayout, BasicLayout, RouteView, BlankLayout, PageView } fr...
Ant Design Pro of Vue 中提供了一个可以在线切换主题和布局的设置抽屉,使用这个抽屉可以很方便的查看更换主题的效果,无需重启脚手架。 真实项目中是需要去掉这个在线主题的定制抽屉的 另一个问题是每次刷新页面是都会出现“正在切换主题”的全局提示 如何去除“正在切换主题”的全局提示呢? 方法很简单: 首先我们需要...
Vue在初始化路由时要传入一个有层级结构的路由配置,但是这里参考ant-design-pro,提供给用户的还是一级的路由配置,理由如下: 对于同一个模块来说,菜单配置对象和路由配置对象要做一些关联,例如,我进入/search/articles这个路由的时候希望在路由对象中拿到这个菜单配置的相关属性字段,这就需要我们对同一个模块的菜单和路...
第一篇介绍了如何从git上拉取ant design vue pro脚手架并使用VS Code编辑器启动脚手架。在第二篇开始之前,我们先打开VS Code软件加载脚手架代码,并运行命令 npm run serve命令启动脚手架!通过浏览器访问地址:http://localhost:8000进入登录首页。系统登录首页如下图所示:自定义设置登录页面 ant design vue pro...
使用Ant Design Vue Pro 基础框架都知道好用,但是MultiTab标签一直未解决(V3.0.0),最新版解决了但是要收费9K(2022-01-21日)。 首先需要实现如下: MultiTab标签打开菜单路由页面之后keep-alive就一直保持缓存当前路由页面,直到点击MultiTab标签的X(或者点击菜单:关闭当前/关闭左边/关闭右边/关闭全部)此时删除keep-ali...
ant-design-vue 是 Ant Design 的 Vue 实现,组件的风格与 Ant Design 保持同步,组件的 html 结构和 css 样式也保持一致,真正做到了样式 0 修改,组件 API 也尽量保持了一致。 Ant Design Vue 致力于提供给程序员愉悦的开发体验。 Ant Design Team
1|0什么是ant-design-pro?具体教程自查 简单来说就是一个系统的、条理清晰的、普适的管理平台网站搭建框架 除了自适应的基本UI框架,andt-pro还清晰地划分了网站的功能模块,包括:api、vuex、router、assets等以及登录注册页、404页、个人页和基本功能页。减少了不少项目开发量,这样的模块分类也有助于培养开发思维...
基于Ant Design Pro 开发 前端 ant design provue 本人后端开发,js马马虎虎能看懂,通过cv大法可以实现功能,vue看了简单的示例,然后就上手使用ant-design-pro of vue了,然后发现其中很多写法根本不知道在说什么。本文主要介绍pro中涉及到的后端人员可能不知道的知识:...
共享Ant Design of React设计工具体系。 支持环境# 现代浏览器, 如果需要支持 IE9,你可以选择使用1.x 版本。 支持服务端渲染。 Electron 版本# 稳定版: 你可以订阅:https://github.com/vueComponent/ant-design-vue/releases.atom来获得稳定版发布的通知。