预 览开始使用 1 2 3 4 Feature What canProdo for you 优雅美观 基于Ant Design 体系精心设计 常见设计模式 提炼自中后台应用的典型页面和场景 最新技术栈 使用Vue/vuex/antd 等前端前沿技术开发 响应式 针对不同屏幕大小设计 主题 可配置的主题满足多样化的品牌诉求 国际化 内建业界通用的国际化方案 最佳实践 良好的工程实践助你持续产出高质量代码 Mock 数据 实用的本地数据调试方案 UI 测试 自动化测试保障...
通常布局是和路由系统紧密结合的,Ant Design Pro 的路由使用了Vue-Router的路由方案,为了统一方便的管理路由和页面的关系,我们将配置信息统一抽离到config/router.config.js下,通过如下配置定义每个页面的布局: // eslint-disable-next-line import { UserLayout, BasicLayout, RouteView, BlankLayout, PageView } fr...
使用vue+ant-design时,遇到了点小问题,文件上传的过程中,如果文件不立马上传,需要在beforeUpload方法中返回false。我以为只要在beforeUpload方法中返回false后,change方法便不再执行,但事实上并不是这样子的。 一些背景 我的需求是,多个文件上传,然后对单个文件大小作限制,如果大于20M的话就去掉不上传,仅上传小于20M的...
1.0 发布之后,Ant Design Pro 受到了业界广泛关注和使用,GitHub 上 star 数一路增长到 11,686 个,在蚂蚁金服内部也落地数百个中后台应用。 在这 8 个月内,2.0 研发计划也在持续进行中,在给 V2 版本发起过 PR …
ant-design-pro可以通过config.ts配置全局主题色 所有最优的方法是可以通过改变主题色,来动态配置.官方最新版本的https://github.com/ant-design/ant-design-pro/releases/tag/v5.2.0已经支持了,通过<SettingDrawer>设置 之前的版本不支持直接修改主题色.但是ant-design支持全局修改组件颜色 ...
距离上次 Pro 发布已经过去了两年,这两年间前端的生态也发生了一些变化, Low-Code 大行其道,Bundleless 也随着 Snowpack,Vite 的发布越来越火热,前端在国际化,权限,数据流和布局方面已经有了最佳实践。 Ant Design Pro 致力于提升中后台的开发体验,在这些领域我们也提出了自己的解决方案。 ...
antdesignpro切换主题 antd换肤 最近react项目,用的antd框架,然后看见他的antdPro例子里面有个定制功能很帅,老大说做,那就做吧,鼓捣了一晚终于实现了。 先看预览效果吧 css换肤 入行前端的时候经常看鱼哥(张鑫旭)的博客,记得看过这篇,当时很惊叹,原理其实很简单,就是我们最能想到的方式,多个css,然后用JS替换...
2017 年,我们发现业界发展趋势越来越明显:都在往上、往中间不断填充和丰富自己的 Pattern Library,都在走向金字塔顶端,尤其是 Lightning Design System 和Fiori Design 为代表的企业级设计体系。同时,蚂蚁内部希望我们封装更高粒度的产品,这样的呼声越来越强烈。 于是2017 年,我们正式推出了 Ant Design Pro ,通过模板...
这里是 Ant Design 的 Vue 实现,开发和服务于企业级后台产品。 + 特性# 提炼自企业级中后台产品的交互语言和视觉风格。 开箱即用的高质量 Vue 组件。 共享Ant Design of React设计工具体系。 支持环境# 现代浏览器, 如果需要支持 IE9,你可以选择使用1.x 版本。
浅谈Ant Design Pro 一、开门见山 Ant Design Pro 是一套基于 React 技术栈的单页面应用,我们提供的是前端代码和本地模拟数据的开发模式, 通过 Restful API 的形式和任何技术栈的服务端应用一起工作,技术组成主要是react+redux+dva+antd+fetch+roadhog,说白了就是基于React的一套脚手架,UI是Ant Design,框架是...