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

最新推荐文章于 2024-08-05 23:30:12 发布
最新推荐文章于 2024-08-05 23:30:12 发布
阅读量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">
  • 待续
xiaozhuo_tang
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue UI 组件库【Ant-design-vue】的使用心得
qcl006007的博客
01-01 1354
最近上手写了写vue的代码，选择的是阿里的ant-design-vue的组件库，感觉整体上上手容易，使用比较方便。下面简单的记一下使用心得。 安装与引入 Ant-design-vue 组件库的安装非常简单： npm i --save ant-design-vue 引入的方式有两种： 全部引入 import 'ant-design-vue/dist/antd.css' Vue.config.p...
关闭ant的tree_Ant-Design的树形控件Tree的使用心得
weixin_39539588的博客
12-21 984
树形控件在需要层级展示的时候有很大的用处，如组织架构、国家地区等。这里记录的使用是在关于角色权限的展示。需求是这样的：不同的角色会有不同的权限，切换角色的时候需要准确的显示该角色拥有的权限，且有相关权限的用户可对角色权限进行修改，即增加或删除用户的某一权限。一开始看到原型的时候，想到Ant Design有的树形控件，感觉上比较简单。直到真正开始写代码的时候，发现好像并没有想象中那么简单。下面开始摸...
探索高效数据管理新境界：Ant Design Pro实战解析
gitblog_00041的博客
06-19 687
探索高效数据管理新境界：Ant Design Pro实战解析 项目地址:https://gitcode.com/zmj0920/react-antd-admin 在当今数字化时代，界面设计与用户体验已成为衡量一个项目成功的关键因素之一。而对于开发者而言，找到一个既高效又美观的前端框架至关重要。今天，让我们一起深入了解【Ant Design Pro】——一个基于Ant Design的中台产品设计框架...
ant构建升级
11-07
Ant是什么 Ant的配置 build.xml文件举例 应用的升级流程
Ant Design介绍
热门推荐
yueguanyun的专栏
10-13 2万+
Ant Design介绍 在中台产品的研发过程中，会出现不同的设计规范和实现方式，但其中往往存在很多类似的页面和组件，给设计师和工程师带来很多困扰和重复建设，大大降低了产品的研发效率。我们（蚂蚁金服体验技术部）经过大量的项目实践和总结，沉淀出一个中台设计语言 Ant Design。旨在统一中台项目的前端 UI 设计，屏蔽不必要的设计差异和实现成本，解放设计和前端的研发资源。 Ant
Ant Design学习（一）-----介绍
小梁的旅程
06-22 2095
一、Ant Design 介绍 1.1 背景 如果经常浏览各种网站，就会发现不管网页的主题是什么，通常都会出现一些重复的构件，比如：日历、表格、表单、菜单、卡片、导航栏等。 这些构件的功能和外观都很类似，只是在一些细节的地方，根据需要做了定制。它们就叫做组件，一张完整的网页，可以看做是不同功能的组件的集合。 又由于之前浏览器大战的残留问题，导致即时做出了一个组件，但是其不能很好的适用所有浏览器。 2014年，React 框架发布，为组件提出了一套可行的解决方案。从此，可以用于实际开发的组件库才变成了现实。
Ant Design 入门之简介
chuozhan0999的博客
08-31 229
1 什么是 AntDesign? 转载于:https://my.oschina.net/u/3575212/blog/3100099...
ant4 多个form 验证_ant-design表单处理和常用方法及自定义验证操作
weixin_39636099的博客
02-06 1105
首先要说一下antdesign这个框架API和demo丰富，而且开发环境提供对应的warning来纠正用户的错误。是一个很好的组件库。关于表单验证方面是依赖于 async-validator 库。百度的san-xui组件库的表单验证也是依赖与async-validator。说明这个库的实用性还是比较高，可以多了解一下。首先按照antDesign官网Demo。我们可以copy一个Form表单的dem...
ant.design.vue table心得
罗小黑
04-05 1万+
创建table的两种方式 //第一种方式就是自动生成表格 <template> <a-table :columns="columns" :dataSource="data" size="middle" /> </template> <script> const columns = [{ title: 'Name', dataIndex: '...
Ant Design Pro 4.x学习笔记（一）基本介绍
01-20
自己学习的一点心得，希望有不足的地方，轻喷。 Ant Design Pro 是ant的一个项目，是一个企业级中后台前端/设计解决方案，与Ant Design 一脉同源。学习Ant Design Pro 首先要具有如下知识： ES2015+、React、UmiJS、...
Ant Design学习1——概述
qq_26057771的博客
09-30 594
介绍 Ant Design of React antd 是基于 Ant Design 设计体系的 React UI 组件库，主要用于研发企业级中后台产品 官方简介 蚂蚁集团的企业级产品是一个庞大且复杂的系统，数量多且功能复杂，而且变动和并发频繁，常常需要设计者与开发者能快速做出响应。同时这类产品中有存在很多类似的页面以及组件，可以通过抽象得到一些稳定且高复用性的内容。 随着商业化的趋势，越来越多的企业级产品对更好的用户体验有了进一步的要求。带着这样的一个终极目## 标题标，我们（蚂蚁集团体验技术部）经过大量
Ant Design（antd）基础入门
最新发布
www_tlj的专栏
08-05 956
Ant Design 是由阿里巴巴旗下蚂蚁金服团队开发的企业级 UI 设计语言和 React 实现的组件库。它致力于提高企业级中后台产品的用户体验，并提供统一、简洁、易用的设计和开发规范。以上是如何在 React 项目中安装和配置 Ant Design 的详细步骤。通过使用创建项目，安装 Ant Design 包，并在项目中引入其样式文件和组件，你可以快速在项目中使用 Ant Design 提供的丰富组件库，提升开发效率和用户体验。
Antdesign的使用感受
tony121lee的专栏
04-18 809
Antdesign的使用感受： 1、标准组件好用，开发效率很高； 2、FormItem中涉及2个HTML标签的组件（例如InputGroup里有2个Select这种形式），验证、二次赋值都不算太顺利，都要折腾折腾； 3、有好有坏吧，ANT DESIGN开发团队加油~~加油~~ ...
ant-design V3升级V4记录（成功篇）
ime33的博客
01-16 2765
原因：babel版本兼容问题以及.babelrc文件配置，可在下方沿用我的babel相关版本。一是antd是一个开源性生态框架，人家社区一直在更新迭代，如果产品不及时更新，一直在使用不维护的，甚至有问题的框架，后果可想而知。原因：检查style-loader\less-loader\css-loader版本，挨个尝试。这篇博客没有一步步记录升级过程中的错误以及解决办法，所以只罗列的大致的错误项，希望对在升级之路上的你有所帮助。另外在我升级V4时，其实框架已经到了V5了，无奈升级到V5前，必须先升级V4。
【ES6+ReactJs】第5章： Ant Design Pro
就叫一片白纸的博客
02-22 524
了解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 180
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 3140
1、在使用ant-design-mobile的ListView組件的时候，我遇到的问题是当进行拉动刷新时，页面数据并没有完全的刷新清空，所以我遇到产生一系列的问题。 2、这时候我就想到了去找强制刷新页面的方法或者React重新render的方法，但是用于react-app上又有些特殊性，所以以上两种方法并没有产生作用。反而会引起app上刷新空白登问题。 3、因为基于dva.js开发，所以想到另外一种方法就是直接在model进行数据同步处理，定义一个方法将要处理的数据清空即可。 代码示例 在model定义一
ant-design-vue有下载的组件吗？
08-16
是的，ant-design-vue提供了一系列可下载的组件。你可以通过引入样式文件或按需加载来使用这些组件。首先，你可以使用import语句引入ant-design-vue的样式文件，例如：import 'ant-design-vue/dist/antd.css'; 或者 'ant-design-vue/dist/antd.less'。这样可以全局引入所有的组件样式。然后，你可以订阅ant-design-vue的GitHub仓库来获取稳定版发布的通知，链接是https://github.com/vueComponent/ant-design-vue/releases.atom。最后，你可以安装Ant Design Vue来使用这个基于Vue实现的高质量UI组件库，它遵循Ant Design的设计规范，适用于开发和服务于企业级中后台产品。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [ant design vue, ant-design-vue 安装, ant-design-vue 使用](https://blog.csdn.net/shao402248950/article/details/125932521)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值