disabled Set form component disable, only available for antdv components boolean false 4.0 hideRequiredMark Hide required mark of all form items Boolean false labelAlign text align of label of all items 'left' | 'right' 'right' labelCol The layout of label. You can set span offset to ...
在浏览器中使用script和link标签直接引入文件,并使用全局变量antd。 我们在 npm 发布包内的ant-design-vue/dist目录下提供了antd.js、antd.min.js和reset.css。你也可以通过 或UNPKG进行下载。 强烈不推荐使用已构建文件,这样无法按需加载,而且难以获得底层依赖模块的 bug 快速修复支持。 注意:引入antd.js前你需要...
专属的调研,投票、NPS、报名等系统 Surely Table 构建更快的网站 更快的构建网站 1 2 Data Entry AutoComplete Cascader Checkbox DatePicker Form Input InputNumber Mentions Radio Rate Select Slider Switch TimePicker Transfer TreeSelect Upload Data Display ...
组件总览 ant-design-vue为 Web 应用提供了丰富的基础 UI 组件,我们还将持续探索企业级应用的最佳 UI 实践。 通用 3 Button 按钮 Icon 图标 Typography 排版
插件会帮你转换成ant-design-vue/lib/xxx的写法。另外此插件配合style属性可以做到模块样式的按需自动加载。 注意,babel-plugin-import 的style属性除了引入对应组件的样式,也会引入一些必要的全局样式。如果你不需要它们,建议不要使用此属性。你可以import 'ant-design-vue/dist/antd.css手动引入,并覆盖全局样式。
使用Modal.destroyAll()可以销毁弹出的确认窗。通常用于路由监听当中,处理路由前进、后退不能销毁确认对话框的问题。 TS Open Modal of 1000px width 使用width来设置模态对话框的宽度 TS Open Modal 全屏 TS 异步关闭 点击确定后异步关闭对话框,例如提交表单。
水平的顶部导航菜单。 TS Navigation One Item 1 Option 1 Option 2 Item 2 Option 3 Option 4 Navigation Two Navigation Three 内嵌菜单 垂直菜单,子菜单内嵌在菜单区域。 TS Option 1 Option 2 Option 3 Navigation One Option 5 Option 6 Option 7 Option 8 Navigation Two 缩起内嵌菜单 内嵌菜单可以被缩...
这三组 Token 并不是简单的分组,而是一个三层的派生关系,由 Seed Token 派生 Map Token,再由 Map Token 派生 Alias Token。在大部分情况下,使用 Seed Token 就可以满足定制主题的需要。但如果您需要更高程度的主题定制,您需要了解 antd 中 Design Token 的生命周期。
当如下全局设置getPopupContainer为触发节点的 parentNode 时,由于 Modal 的用法不存在triggerNode,这样会导致triggerNode is undefined的报错,需要增加一个判断条件。 <ConfigProvider-getPopupContainer={triggerNode => triggerNode.parentNode}+getPopupContainer={node => {+if (node) {+return node.parentNode;+}+...
ant-design-vue 提供了一个 Vue 组件ConfigProvider用于全局配置国际化文案。 ConfigProvider 不包含时间类组件的国际化,你需要额外引入时间库(dayjs、momentjs、date-fns 等)的国际化文件,以下我们以 dayjs 为例。 <template><App/></template>importzhCNfrom'ant-design-vue/es/locale/zh_CN';importdayjs...