关于ant-design（使用心得，有就更新）

最新推荐文章于 2025-02-22 23:04:31 发布
最新推荐文章于 2025-02-22 23:04:31 发布
阅读量2.5k 收藏
点赞数
分类专栏： CSS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xiaozhuo_tang/article/details/79470744
版权
  • 字体库扩展
    使用iconfont扩展字体库：注意
    1. 需要font-family和前缀的设置都为anticon
    2. 需要unicode编码不与本身的重合
    3. 导入在项目public引入即可，使用方法同本身的<Icon type="plus">
  • 待续
Ant-Design-Vue快速上手指南与排坑指南
hai40587的博客
08-10 1131
Ant Design Vue 提供了丰富的样式定制选项，包括通过 Less 变量来自定义主题。你可以根据自己的品牌需求，调整颜色、字体等样式，使 UI 组件更好地融入你的项目中。
Vue UI 组件库【Ant-design-vue】的使用心得
qcl006007的博客
01-01 1453
最近上手写了写vue的代码，选择的是阿里的ant-design-vue的组件库，感觉整体上上手容易，使用比较方便。下面简单的记一下使用心得。 安装与引入 Ant-design-vue 组件库的安装非常简单： npm i --save ant-design-vue 引入的方式有两种： 全部引入 import 'ant-design-vue/dist/antd.css' Vue.config.p...
ant构建升级
11-07
Ant是什么 Ant的配置 build.xml文件举例 应用的升级流程
Ant Design介绍
热门推荐
yueguanyun的专栏
10-13 2万+
Ant Design介绍 在中台产品的研发过程中，会出现不同的设计规范和实现方式，但其中往往存在很多类似的页面和组件，给设计师和工程师带来很多困扰和重复建设，大大降低了产品的研发效率。我们（蚂蚁金服体验技术部）经过大量的项目实践和总结，沉淀出一个中台设计语言 Ant Design。旨在统一中台项目的前端 UI 设计，屏蔽不必要的设计差异和实现成本，解放设计和前端的研发资源。 Ant
前端学习之top属性
最新发布
weixin_60942981的博客
02-22 441
top属性用来设置元素的垂直偏移量。它的效果依赖于position属性的值，只有在position为relativeabsolutefixed或sticky时，top才能生效。top值通常使用像素（px）或百分比（）来设置偏移量。此时导航栏距顶部仍有距离，未写上top：0<head><style>body{margin: 0;padding: 0;/* 将其固定在顶部 */width: 20%;.active{
Ant Design学习（一）-----介绍
小梁的旅程
06-22 2258
一、Ant Design 介绍 1.1 背景 如果经常浏览各种网站，就会发现不管网页的主题是什么，通常都会出现一些重复的构件，比如：日历、表格、表单、菜单、卡片、导航栏等。 这些构件的功能和外观都很类似，只是在一些细节的地方，根据需要做了定制。它们就叫做组件，一张完整的网页，可以看做是不同功能的组件的集合。 又由于之前浏览器大战的残留问题，导致即时做出了一个组件，但是其不能很好的适用所有浏览器。 2014年，React 框架发布，为组件提出了一套可行的解决方案。从此，可以用于实际开发的组件库才变成了现实。
Ant Design 入门之简介
chuozhan0999的博客
08-31 261
1 什么是 AntDesign? 转载于:https://my.oschina.net/u/3575212/blog/3100099...
Ant-Design-Vue动态表头并填充数据（含示例代码）
借雨醉东风的博客
06-20 1155
Ant Design Vue 是一个基于 Vue.js 的 UI 组件库，它提供了一套企业级的前端设计规范和组件实现。在使用 Ant Design Vue 时，动态生成表头并填充数据通常涉及到对表格组件（a-table）的灵活使用。以下是实现动态表头并填充数据的基本步骤。
Ant-Design-Vue动态表头并填充数据2
借雨醉东风的博客
06-23 408
Ant Design Vue 是一个基于 Vue.js 的 UI 组件库，它提供了一套企业级的前端设计规范和组件实现。在使用 Ant Design Vue 时，动态生成表头并填充数据通常涉及到对表格组件（a-table）的灵活使用。以下是实现动态表头并填充数据的基本步骤。
关闭ant的tree_Ant-Design的树形控件Tree的使用心得
weixin_39539588的博客
12-21 1038
树形控件在需要层级展示的时候有很大的用处，如组织架构、国家地区等。这里记录的使用是在关于角色权限的展示。需求是这样的：不同的角色会有不同的权限，切换角色的时候需要准确的显示该角色拥有的权限，且有相关权限的用户可对角色权限进行修改，即增加或删除用户的某一权限。一开始看到原型的时候，想到Ant Design有的树形控件，感觉上比较简单。直到真正开始写代码的时候，发现好像并没有想象中那么简单。下面开始摸...
Ant Design学习1——概述
qq_26057771的博客
09-30 690
介绍 Ant Design of React antd 是基于 Ant Design 设计体系的 React UI 组件库，主要用于研发企业级中后台产品 官方简介 蚂蚁集团的企业级产品是一个庞大且复杂的系统，数量多且功能复杂，而且变动和并发频繁，常常需要设计者与开发者能快速做出响应。同时这类产品中有存在很多类似的页面以及组件，可以通过抽象得到一些稳定且高复用性的内容。 随着商业化的趋势，越来越多的企业级产品对更好的用户体验有了进一步的要求。带着这样的一个终极目## 标题标，我们（蚂蚁集团体验技术部）经过大量
Ant Design（antd）基础入门
www_tlj的专栏
08-05 3080
Ant Design 是由阿里巴巴旗下蚂蚁金服团队开发的企业级 UI 设计语言和 React 实现的组件库。它致力于提高企业级中后台产品的用户体验，并提供统一、简洁、易用的设计和开发规范。以上是如何在 React 项目中安装和配置 Ant Design 的详细步骤。通过使用创建项目，安装 Ant Design 包，并在项目中引入其样式文件和组件，你可以快速在项目中使用 Ant Design 提供的丰富组件库，提升开发效率和用户体验。
Antdesign的使用感受
tony121lee的专栏
04-18 860
Antdesign的使用感受： 1、标准组件好用，开发效率很高； 2、FormItem中涉及2个HTML标签的组件（例如InputGroup里有2个Select这种形式），验证、二次赋值都不算太顺利，都要折腾折腾； 3、有好有坏吧，ANT DESIGN开发团队加油~~加油~~ ...
ant-design V3升级V4记录（成功篇）
ime33的博客
01-16 3067
原因：babel版本兼容问题以及.babelrc文件配置，可在下方沿用我的babel相关版本。一是antd是一个开源性生态框架，人家社区一直在更新迭代，如果产品不及时更新，一直在使用不维护的，甚至有问题的框架，后果可想而知。原因：检查style-loader\less-loader\css-loader版本，挨个尝试。这篇博客没有一步步记录升级过程中的错误以及解决办法，所以只罗列的大致的错误项，希望对在升级之路上的你有所帮助。另外在我升级V4时，其实框架已经到了V5了，无奈升级到V5前，必须先升级V4。
【ES6+ReactJs】第5章： Ant Design Pro
就叫一片白纸的博客
02-22 572
了解Ant Design Pro Ant Design Pro 是基于Ant Design的一个开箱即用的，企业级中后台前端/设计解决方案。 效果： 源码地址：https://github.com/ant-design/ant-design-pro 特性： 3.2、快速入门 3.2.1、部署安装 下载地址：https://github.com/ant-design/ant-design-p...
ant design中ES6写法个人总结
dks97490的博客
04-14 205
ant design已经有很多人在使用了，漂亮的风格和组件，吸引了不少开发者 下面主要记录一下组件的写法 ant design:https://ant.design/docs/react/introduce-cn es6 Module:http://es6.ruanyifeng.com/#docs/module 学习ant design的时候，没有熟悉过任何es、react、ts...
解决ant-design刷新存在缓存问题
WebView
10-17 3264
1、在使用ant-design-mobile的ListView組件的时候，我遇到的问题是当进行拉动刷新时，页面数据并没有完全的刷新清空，所以我遇到产生一系列的问题。 2、这时候我就想到了去找强制刷新页面的方法或者React重新render的方法，但是用于react-app上又有些特殊性，所以以上两种方法并没有产生作用。反而会引起app上刷新空白登问题。 3、因为基于dva.js开发，所以想到另外一种方法就是直接在model进行数据同步处理，定义一个方法将要处理的数据清空即可。 代码示例 在model定义一
如何在Axure中使用Iconfont图标字体
wangling1hao的专栏
07-22 3692
需求背景 在原型设计中，图标是我们使用率非常高的元素，通常我们会选择将图标导出为图片放到Axure里使用，或者使用Axure的图标元件库，但是他们使用起来会有很多不方便的地方： 图片进行缩放会失真，无法设置复杂的交互样式，例如改变颜色 元件库的图标和文本一起使用时无法和文本一起改变交互样式，并...
TypeScript、React、Redux和Ant-Design深入学习实践指南
1. Ant-Design是目前React生态最好的UI组件库，百分90的使用率，移动端、PC端都支持，pro还可以开箱即用，强烈推荐。 2. Ant-Design官网需要详细学习，学会配置按需加载，后台TO-B项目用起来不要太舒服。 总结： 1...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值