Ant Design 5.0 使用 CSS-in-JS 技术以提供动态与混合主题的能力。与此同时,我们使用组件级别的 CSS-in-JS 解决方案,让你的应用获得更好的性能。 DatePicker 更新 Progress 更新 进行中 成功 任务失败 Tour 新增 Ant Design 5.0 FloatButton 新增 Alert ...
antd为 Web 应用提供了丰富的基础 UI 组件,我们还将持续探索企业级应用的最佳 UI 实践。除了官方组件,我们也提供了社区精选组件作为必要的补充,另外如果您是内网用户,欢迎尝试使用TechUI。 通用 3 Button按钮 Icon图标 Typography排版 布局 4 Divider分割线 ...
Ant Design of React(官方) Ant Design of Angular(社区实现) Ant Design of Vue(社区实现) AntV 全新一代数据可视化解决方案 Ant Design Pro 开箱即用的中台前端/设计解决方案 Ant Design Mobile 基于Preact / React / React Native 的 UI 组件库
Layout Grid栅格 Layout布局 Layout布局 Navigation 面包屑/下拉/分页/步骤条 Menu导航菜单 Data Entry 级联/多选/单选 日期选择/时间选择 Form 表单 Input 输入框/数字输入框 评分/滑块/开关 树选择/穿梭框/上传 Data Display 头像/徽标 Calendar日历 Card卡片 ...
ant-design-vue为 Web 应用提供了丰富的基础 UI 组件,我们还将持续探索企业级应用的最佳 UI 实践。 Icon 图标 Typography 排版 Flex 弹性布局 Grid 栅格 导航 7 Anchor 锚点 Breadcrumb 面包屑 Dropdown 下拉菜单 Menu 导航菜单 PageHeader 页头 Pagination 分页 ...
antd组件库是基于 Ant Design 设计体系的 React UI 组件库,antd为 Web 应用提供了丰富的基础 UI 组件,可以用于研发企业级中后台产品。这篇咱们介绍 antd 组件库之步骤条。 1 antd 之 Steps API 步骤条 Steps 的用处是在 当任务复杂或者存在先后关系时,将其分解成一系列的步骤,从而达到简化任务的目的。其 DOM ...
Ant Design of Vue[3] 官网:https://ant.design/ Ant Design Pro Ant Design Pro 是一个企业级中后台前端/设计解决方案,使用 React 和 Ant Design 作为基础框架,提供多功能的布局和设计组件,支持自动建立前端应用程序,并提供完整的开发和构建工具。它专门用于构建企业级管理后台和前端应用,提供一整套前端中后台项...
antdesign 组件样式覆盖 写在开头: element-ui的table组件有几个属性很好用,但是ant-design中table组件是没有的。 比如: stripe: 是否为斑马纹 table。 highlight-current-row: 是否要高亮当前行。 当然,还有好几个其他的属性,但是本文先只讲这两个。既然element-ui有,ant-design没有,那我在用ant-design的...
在基于React和Ant Design的项目中,公用组件的设计与封装对于提高开发效率和代码质量至关重要。遵循单一职责原则、高内聚低耦合、灵活性与扩展性、可重用性等设计原则,合理确定组件的拆分颗粒度,并通过基础组件、组合组件、业务组件和页面组件的层次化封装,可以构建出高效、可维护的前端架构。在实际项目中,不断迭代和优化...
Ant Design - 组件之 Tree树形控件 针对tree树形组件封装了一个树形组件 1.组件ui 2.组件名称 ThemeCatalog 上面是image目录中的svg 3.组件代码 index.js import React, {useEffect, useState} from 'react'; import PropTypes from'prop-types'; import Icon, {FolderOpenOutlined, ReloadOutlined, SearchOutlined...