希望 ant-design-vue 能够让 Vue 开发者也享受到 Ant Design 的优秀设计。 ant-design-vue 是 Ant Design 的 Vue 实现,组件的风格与 Ant Design 保持同步,组件的 html 结构和 css 样式也保持一致,真正做到了样式 0 修改,组件 API 也尽量保持了一致。 Ant Design Vue 致力于提供给程序员愉悦的开发体验。
Ant Design Vue allows you to customize our design tokens to satisfy UI diversity from business or brand requirements, including primary color, border radius, border color, etc. In version 4.0, we provide a new way to customize themes. Different from the less and CSS variables of the 3.x ve...
ant-design-vueprovides plenty of UI components to enrich your web applications, and we will improve components experience consistently. General 3 Button Icon Typography Layout 4 Divider Grid Layout Space Navigation 7 Affix Breadcrumb Dropdown
An enterprise-class UI design language for web applications. A set of high-quality Vue components out of the box. SharedAnt Design of Reactdesign resources. Environment Support# Modern browsers. You can use1.xfor IE9+. Server-side Rendering ...
组件总览 ant-design-vue为 Web 应用提供了丰富的基础 UI 组件,我们还将持续探索企业级应用的最佳 UI 实践。 通用 3 Button 按钮 Icon 图标 Typography 排版
预 览开始使用 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...
locale语言包配置,语言包可到ant-design-vue/es/locale目录下寻找object-1.5.0 pageHeader统一设置 pageHeader 的 ghost,参考pageHeader{ ghost: boolean }'true'1.5.0 transformCellTextTable 数据渲染前可以再次改变,一般用户空数据的默认配置Function({ text, column, record, index }) => any-1.5.4 | ...
Ant Design 官方通过 Vue 框架实现了组件库的功能，而 Ant Design of Vue 是指第三方将 Ant Design ...
Ant Design 5.0 Ant Design 5.0 使用 CSS-in-JS 技术以提供动态与混合主题的能力。与此同时,我们使用组件级别的 CSS-in-JS 解决方案,让你的应用获得更好的性能。 取消确定 信息内容展示 下拉菜单 + 1 ... 已完成 2 进行中 3 等待中 0°C26°C37°C100°C 主要按钮危险按钮默认按钮虚线按钮图标按钮 ...