预 览开始使用 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前你需要...
在浏览器中使用script和link标签直接引入文件,并使用全局变量antd。 我们在 npm 发布包内的ant-design-vue/dist目录下提供了antd.js、antd.min.js和reset.css。你也可以通过 或UNPKG进行下载。 强烈不推荐使用已构建文件,这样无法按需加载,而且难以获得底层依赖模块的 bug 快速修复支持。 注意:引入antd.js前你需要...
ant-design-vue为 Web 应用提供了丰富的基础 UI 组件,我们还将持续探索企业级应用的最佳 UI 实践。 通用 3 Button 按钮 Icon 图标 Typography 排版 布局 4 Divider 分割线 Grid 栅格 Layout 布局 Space 间距 导航 7 Affix 固钉 Breadcrumb 面包屑 Dropdown 下拉菜单 ...
在浏览器中使用script和link标签直接引入文件,并使用全局变量antd。 我们在 npm 发布包内的ant-design-vue/dist目录下提供了antd.jsantd.css以及antd.min.jsantd.min.css。你也可以通过或UNPKG进行下载。 强烈不推荐使用已构建文件,这样无法按需加载,而且难以获得底层依赖模块的 bug 快速修复支持。
更复杂的例子,自定义了页脚的按钮,点击提交后进入 loading 状态,完成后关闭。 不需要默认确定取消按钮时,你可以把footer设为null。 TS 信息提示 各种类型的信息提示,只提供一个按钮用于关闭。 TS 手动更新和移除 手动更新和关闭Modal.method方式创建的对话框。
Mentions 提及 Rate 评分 Select 选择器 Slider 滑动输入条 TimePicker 时间选择框 数据展示 22 Badge 徽标数 Collapse 折叠面板 Descriptions 描述列表 Image 图片 Popover 气泡卡片 Segmented 分段控制器 Tag 标签 Timeline 时间轴 Tree 树形控件
import'ant-design-vue/dist/antd.css';// or 'ant-design-vue/dist/antd.less' 按需加载# 下面两种方式都可以只加载用到的组件。 使用babel-plugin-import(推荐)。 // .babelrc or babel-loader option{"plugins":[["import",{"libraryName":"ant-design-vue","libraryDirectory":"es","style":"css"...
import'ant-design-vue/dist/antd.css';// or 'ant-design-vue/dist/antd.less' 按需加载# 下面两种方式都可以只加载用到的组件。 使用babel-plugin-import(推荐)。 // .babelrc or babel-loader option{"plugins":[["import",{"libraryName":"ant-design-vue","libraryDirectory":"es","style":"css"...
在浏览器中使用script和link标签直接引入文件,并使用全局变量antd。 我们在 npm 发布包内的ant-design-vue/dist目录下提供了antd.js、antd.min.js和reset.css。你也可以通过 或UNPKG进行下载。 强烈不推荐使用已构建文件,这样无法按需加载,而且难以获得底层依赖模块的 bug 快速修复支持。 注意:引入antd.js前你需要...