预 览开始使用 1 2 3 4 Feature What canProdo for you 优雅美观 基于Ant Design 体系精心设计 常见设计模式 提炼自中后台应用的典型页面和场景 最新技术栈 使用Vue/vuex/antd 等前端前沿技术开发 响应式 针对不同屏幕大小设计 主题 可配置的主题满足多样化的品牌诉求 ...
Ant Design 布局组件 # 除了Pro 里的内建布局以外,在一些页面中需要进行布局,可以使用 Ant Design 目前提供的两套布局组件工具:Layout 和Grid。 Grid 组件 # 栅格布局是网页中最常用的布局,其特点就是按照一定比例划分页面,能够随着屏幕的变化依旧保持比例,从而具有弹性布局的特点。 而Ant Design 的栅格组件提供的...
Ant Design Pro of Vue 中提供了一个可以在线切换主题和布局的设置抽屉,使用这个抽屉可以很方便的查看更换主题的效果,无需重启脚手架。 真实项目中是需要去掉这个在线主题的定制抽屉的 另一个问题是每次刷新页面是都会出现“正在切换主题”的全局提示 如何去除“正在切换主题”的全局提示呢? 方法很简单: 首先我们需要...
首先需要实现如下: MultiTab标签打开菜单路由页面之后keep-alive就一直保持缓存当前路由页面,直到点击MultiTab标签的X(或者点击菜单:关闭当前/关闭左边/关闭右边/关闭全部)此时删除keep-alive缓存。下次重新打开时候重新缓存菜单路由页面到keep-alive并再次保持缓存。 这里有个注意的地方有的菜单路由页面没有在左边菜单里面,...
第一篇介绍了如何从git上拉取ant design vue pro脚手架并使用VS Code编辑器启动脚手架。在第二篇开始之前，我们先打开VS Code软件加载脚手架代码，并运行命令 npm run serve命令启动脚手架！通过浏览器访问地址：http://localhost:8000进入登录首页。系统登录首页如下图所示：自定义设置登录页面 ant design vue pro...
ant-design-vue为 Web 应用提供了丰富的基础 UI 组件,我们还将持续探索企业级应用的最佳 UI 实践。 通用 3 Button 按钮 Icon 图标 Typography 排版 布局 4 Divider 分割线 Grid 栅格 Layout 布局 Space 间距 导航 7 Affix 固钉 Breadcrumb 面包屑 Dropdown 下拉菜单 ...
antdesign pro vue 配置使用静态路由 通常我们在vue项目中都是前端配置好路由的,但在一些项目中我们可能会遇到权限控制,这样我们就涉及到动态路由的设置了。 动态路由设置一般有两种: (1)、简单的角色路由设置: 比如只涉及到管理员和普通用户的权限。通常直接在前端进行简单的角色权限设置...
共享Ant Design of React设计工具体系。 支持环境# 现代浏览器, 如果需要支持 IE9,你可以选择使用1.x 版本。 支持服务端渲染。 Electron 版本# 稳定版: 你可以订阅:https://github.com/vueComponent/ant-design-vue/releases.atom来获得稳定版发布的通知。
1|0什么是ant-design-pro?具体教程自查 简单来说就是一个系统的、条理清晰的、普适的管理平台网站搭建框架 除了自适应的基本UI框架,andt-pro还清晰地划分了网站的功能模块,包括:api、vuex、router、assets等以及登录注册页、404页、个人页和基本功能页。减少了不少项目开发量,这样的模块分类也有助于培养开发思维...
笔者近期的项目开发都在使用Vue框架,在此整理下怎么样在Vue框架下实现ant-design-pro中菜单路由的配置方案。 背景: 一般中后台系统都需要根据当前登录用户的信息展示相应的模块,这就要求前端需要在拿到用户信息后对整个系统的菜单和路由做相应的鉴权处理。