预 览开始使用 1 2 3 4 Feature What canProdo for you 优雅美观 基于Ant Design 体系精心设计 常见设计模式 提炼自中后台应用的典型页面和场景 最新技术栈 使用Vue/vuex/antd 等前端前沿技术开发 响应式 针对不同屏幕大小设计 主题 可配置的主题满足多样化的品牌诉求 ...
在浏览器中使用script和link标签直接引入文件,并使用全局变量antd。 我们在 npm 发布包内的ant-design-vue/dist目录下提供了antd.js、antd.min.js和reset.css。你也可以通过 或UNPKG进行下载。 强烈不推荐使用已构建文件,这样无法按需加载,而且难以获得底层依赖模块的 bug 快速修复支持。 注意:引入antd.js前你需要...
插件会帮你转换成ant-design-vue/lib/xxx的写法。另外此插件配合style属性可以做到模块样式的按需自动加载。 注意,babel-plugin-import 的style属性除了引入对应组件的样式,也会引入一些必要的全局样式。如果你不需要它们,建议不要使用此属性。你可以import 'ant-design-vue/dist/antd.css手动引入,并覆盖全局样式。
ant-design-vue为 Web 应用提供了丰富的基础 UI 组件,我们还将持续探索企业级应用的最佳 UI 实践。 通用 3 Button 按钮 Icon 图标 Typography 排版 布局 4 Divider 分割线 Grid 栅格 Layout 布局 Space 间距 导航 7 Affix 固钉 Breadcrumb 面包屑 Dropdown 下拉菜单 ...
这三组 Token 并不是简单的分组,而是一个三层的派生关系,由 Seed Token 派生 Map Token,再由 Map Token 派生 Alias Token。在大部分情况下,使用 Seed Token 就可以满足定制主题的需要。但如果您需要更高程度的主题定制,您需要了解 antd 中 Design Token 的生命周期。
An enterprise-class UI components based on Ant Design and Vue
产物中不再包含 css 文件。由于 CSS-in-JS 支持按需引入,原本的ant-design-vue/dist/antd.css也已经移除,如果需要重置一些基本样式请引入ant-design-vue/dist/reset.css。 如果需要组件重置样式,又不想引入ant-design-vue/dist/reset.css从而导致污染全局样式的话,可以尝试在应用最外层使用App 组件,解决原生元素没...
提升了部分渲染性能 分离了基础布局组件 移除依赖vue-ls,并同时移除Vue.ls.[func]this.$ls.[func]两个原型链上的方法 重构SettingDrawer组件 为基础布局增加自定义 I18N 渲染函数 修改antdv基础组件的圆角属性4px为2px 最低支持IE 11 如果你的业务已经编写,我们不推荐更新到该版本。
我们在 npm 发布包内的ant-design-vue/dist目录下提供了antd.js、antd.min.js和reset.css。你也可以通过 或UNPKG进行下载。 强烈不推荐使用已构建文件,这样无法按需加载,而且难以获得底层依赖模块的 bug 快速修复支持。 注意:引入antd.js前你需要自行引入vue、dayjs及其相关插件。
如果你在开发环境的控制台看到下面的提示,那么你可能使用了import { Button } from 'ant-design-vue';的写法引入了 antd 下所有的模块,这会影响应用的网络性能。 可以通过以下的写法来按需加载组件。 importButtonfrom'ant-design-vue/lib/button';import'ant-design-vue/lib/button/style';// 或者 ant-design...