Ant-design

构建自己的React UI组件库: 从v0.0.0到 v0.0.1

比如ant-design也是所属AntDesignTeam这个组，
weixin_34337265·2020-07-30 20:28

react 方法组件构造 Loading 的使用

这里的方法组件并不是指的函数组件，而是可以像方法一样使用的组件就好像是ant-design里的message.success()一样使用。
dongceha·2020-07-30 19:02

十三、React UI组件库

组件库1、material-ui(国外)官网:http://www.material-ui.com/#/github:https://github.com/callemall/material-ui2、ant-design
快乐de馒头·2020-07-30 19:38

如何用纯css打造类materialUI的按钮点击动画并封装成react组件

在技术选型上也会非常注意其生态和完整性.笔者先后开发过基于vue,react,angular等框架的项目,碧如vue生态的elementUI,ant-design-vue,iView等成熟的UI框架,react生态的ant-design
徐小夕_上海·2020-07-30 18:45

antd-vue上传组件踩坑记录

使用antd-vue上传组件踩坑记录使用的时候，发现在上传成功后change事件之回调了一次，而且file.status一直是uploading上传后来在这里https://github.com/ant-design
暴走的咖喱·2020-07-30 18:02

ant-design-vue 自定义主题

https://github.com/ant-design/ant-design/issues/8348issues地址看到的1、插件地址:https://github.com/yesmeck/webpack-less-theme-plugin
前端人·2020-07-30 17:58

ant design pro for vue 使用过程遇到的问题和解决方法

ant-design里table控件，在设置scroll之后，内容和列名不对齐，这时候要设置所有列的列宽为一个具体数值，然后设置scroll的x为'max-con
夕良pro·2020-07-30 16:56

ant-design for vue 组件库中的多选框checkBox

目前我所做的项目中用到了vue的一个组件库----ant-design，是目前比较流行了三大组件库之一在应用到其中的标签时发现了其中的一个bug代码如下：拥有一定js基础的程序员都知道，在原生的js中，
狐 疑·2020-07-30 16:59

Ant Design for vue

1、安装ant-design$npminstallant-design-vue--save实例：importVuefrom'vue';import{DatePicker}from'ant-design-vue
Anne的前端之路·2020-07-30 16:04

Vue项目中使用ant-design时设置DatePicker日期控件中文显示

默认配置为en-US，如果你需要设置其他语言，推荐在入口处使用提供的国际化组件，详见：LocaleProvider国际化。方式一：在组件中单独设置importlocalefrom'antd/lib/date-picker/locale/zh_CN';;方法二：全局设置注意：DatePicker、MonthPicker、RangePicker、WeekPicker部分locale是从value中读取
S筱潇S四维Smile·2020-07-30 16:11

在ant-design中如何利用代码自动刷新当前页面

在经过一段时间的学习，发现有些数据当你添加与后台数据库交互完成之后，本页面没东西了，这是我们就需要手动刷新本页面，为了解决这一问题，我查找到了一下几种方法，希望可以帮助更多的人。。。。刷新当前页面的5种方法1。reloadreload方法，该方法强迫浏览器刷新当前页面。语法：location.reload([bForceGet])参数：bForceGet，可选参数，默认为false，从客户端缓存里
花式之恋——cookie·2020-07-29 05:36

如何解决ant-design页面异步加载的问题

其实解决这个问题，不是特别难，就是有些时候，人们会想不到这么做首先，在上一期的从mock中拿到数据之后这是我的另外一份数据importReact,{Component}from'react';import{connect}from'dva';@connect(({guestsManage,loading})=>({guestsManage,guestDatas:guestsManage.data,
花式之恋——cookie·2020-07-29 05:36

ant-design中的form组件使用方法记录

1.自定义校验规则有时候需要自定义输入框的校验规则，需要设置验证函数。functioncheck(rule,value,callback){letpattern=/^(?:(?:1[0-9][0-9]\.)|(?:2[0-4][0-9]\.)|(?:25[0-5]\.)|(?:[1-9][0-9]\.)|(?:[0-9]\.)){3}(?:(?:1[0-9][0-9])|(?:2[0-4][0-9
追风的云月·2020-07-29 04:01

Error: Looks like you forgot to wrap your root component with `Provider` component from `@ant-des...

Error:Lookslikeyouforgottowrapyourrootcomponentwith`Provider`componentfrom`@ant-design/react-native`.
ToddLee·2020-07-28 21:02

【display:flex】弹性布局，父元素设置display:flex后子元素的宽度太大撑大了父元素的宽度

先看下界面：就上边界面来说，主要分左右两大部分，各部主体都是table，用的是ant-design的table插件。
vichunli·2020-07-28 21:18

Vuex从入门到实战（二）

axios和ant-design-vue（ant-designUI组件库，也可以不使用或者使用其他擅长的组件库）npminstallaxiosant-design-vue-S4.3在mian.js中引入ant-design
耳鼻喉科魏主任·2020-07-28 15:18

React-UI教程

使用开源的ant-design库开发项目指南1.最流行的开源ReactUI组件库material-ui(国外)官网:http://www.material-ui.com/#/github:https:/
zhangjingbibibi·2020-07-28 01:44

Ant Design各个组件的使用，实例

{Divider,Form,Modal,Select,Table,Tabs,Button,message,Card}from'antd';import{PageHeaderWrapper}from'@ant-design
fearlessnesszhang·2020-07-27 22:29

20200723——重构前端监控遇到的问题（一）

->master(pre-receivehookdeclined)解决eslint报错：标签属性最多只能同时拥有三个解决vue-router携带#的问题解决安装第三方模块失败的问题，如echarts/ant-design
Lyrelion·2020-07-27 16:31

React Native 集成@ant-design/react-native 3.X

ReactNative集成@ant-design/react-native3.X1、安装官方链接:https://rn.mobile.ant.design/docs/react/introduce-cn
战·后风！！·2020-07-15 08:25

使用ant-design 上传文件组件Upload时的beforeUpload返回false，文件仍然上传的问题

在使用Upload这个组件的时候，我们会发现它其实又许多的小坑坑。如果我们在beforeUpload中直接返回true或者是false，那么它其实也是会上传文件的，因为它也会触发onChange函数。我这里是采用在对应的函数中返回一个promise来解决的，就像下面这样：exportfunctioncheckBeforeFileUpload(file){returnnewPromise((reso
老班老班·2020-07-15 07:14

antd最新版本Form.create已废弃

报错：Warning:[antd:Form]antdv4removed`Form.create`.Pleaseremoveoruse`@ant-design/compatible`instead.解决：
塞班·2020-07-14 11:29

antd上传组件upload踩坑和封装

antd中的上传组件进行改进：不同文件格式使用不同上传样式；增加上传限制：大小，数量，尺寸；UploadCustom.jsimport{PlusOutlined,UploadOutlined}from'@ant-design
guanguan0_0·2020-07-14 10:23

10个开源web后台管理系统（二）

GithubStar数22121，Github地址：https://github.com/ant-design/ant-design-
梅川酷紫·2020-07-14 08:48

react中基于ant-Design二次封装分页组件

一、组件中使用importPaginationfrom'@components/pagination';this.state={total:50,//总页数current:1,pageSize:10,}//初始化时自调用一次，用于请求借口数据componentDidMount(){this.onChangeCurPageOrPageSize(1,10)}//render分页//查询按钮search
有梦想必远方·2020-07-13 12:44

dva 中使用自定义 Iconfont 需要注意的问题

背景ant-design官网提供了一部分图标，但种类并不能满足实际开发，需要去阿里图标库挑选些的图标来使用。问题Antd表单使用过Antd的应该知道上面反馈成功的图标显示有误，应该是一个蓝色的√。
dkvirus·2020-07-13 12:39

git提交时由于eslint的检测机制报错：npm run lint-staged:js found some errors

npmrunlint-staged:jsfoundsomeerrors.Pleasefixthemandtrycommittingagain.husky>pre-commit(nodev10.15.3)>ant-design
kinn-rann·2020-07-13 01:51

ant-degisn的数字输入框的使用和表格的价格计算

需求1.最近在项目中需要用表格计算价格，所以需要用到ant-design中的数字输入框。
我坑我承认·2020-07-11 18:40

Ant-design 国际化解决方案记录

实习参与的第一个需求就是页面国际化，看代码觉得贼简单结果一上手bug满天飞，而且一种解决方案往往只适用于一个类型的组件或者数据，换一个类型又得重新想办法……特此记录一下这些解决方案1.基本解决方案参考：www.jianshu.com/p/71e9073df…项目用的是ant-design-vue+vue-i18n，配置好后将文本替换成{{$t('yourname.yourkey'}}就能解决最基本
Tezctli·2020-07-11 13:43

antd-admin小记

AntdAdmin基于react，ant-design，dva，Mock企业级后台管理系统最佳实践github地址https://github.com/zuiidea/antd-admin演示地址http
keyunq·2020-07-11 10:47

ant-design的文档系统生成工具BiSheng

最近一直想参照ant-design给react-inputPassword组件写demo，查看ant-design的编译配置，终于找到了它的文档系统生成工具-Bisheng，git地址https://github.com
落影0218·2020-07-11 09:23

关于ant-design-vue的table内嵌输入框性能问题

总所周知，ant-design-vue是唐金洲老师凭借一己之力撸出来的一套基本ant-design的vue版本UI组件库，后来才归入了ant-design官方门下。
ㄏ、Forgetˊ·2020-07-10 19:45

antd-admin克隆运行

因为它是基于react，ant-design，dva，Mock的一款企业级后台管理系统最佳实践，与工作所用内容相似。
FE一凡·2020-07-10 13:32

又双叒叕一个Ant Design的Vue轮子(vue-antd-ui)

例行惯例，欢迎来波star：仓库地址：vueComponent/ant-design官方网站：AUIDesignLanguage为何造这个轮子：用惯了Antd，再看其他的总觉得没有Antd好用周边生态，
weixin_34049948·2020-07-10 08:41

ant-design中创建动态form表单报错

控制台报错信息UncaughtError:Mustcall`getFieldProps`withvalidnamestring!使用的是const{getFieldDecorator}=this.props.form{getFieldDecorator(item.label,{initialValue:item.value,rules:[{required:item.required,}],})(
南乡人·2020-07-09 23:10

初学者使用react+antd实现表格+弹窗

react+antd实现表格+弹窗github地址：https://github.com/YepFury/react-table-demo趁着项目间歇，试着写了一下未接触的react，找了一下资料，决定使用ant-design
MicrosoftYahei·2020-07-09 11:27

Vue大神路(三):超实用的前端UI框架

常用Ant－Design：阿里巴巴出品，基于React的UI框架ElementUI,iview,ice:饿了么出品,基于Vue的UI框架Bootstrap:Twitter推出的一个用于前端开发的开源工具包
你的眼睛会下雨·2020-07-09 11:06

树状图异步请求时的数据处理

在使用ant-design的Tree时，由于每一层的数据较大，不能一次性把数据全部拉取出来，使用了Tree中的loadData后最大的难题就是把每一层的children数据放到树节点中了。
云中客youroch·2020-07-09 08:36

Antd(Ant-design)，嵌套子表格（expandedRowRender）的异步获取数据

使用阿里的ant-design开源框架，要在表格里面嵌套子表格，需要在用户点击父表格的一行数据后，获取该行的key，然后去异步请求后台的数据用来填充子表格的内容。
不太油腻的中年大叔·2020-07-09 04:59

antd4.x版Form组件表单用法

from'react-router-dom'import{Form,Input,Button,message}from'antd'import{UserOutlined,LockOutlined}from'@ant-design
智慧女孩要秃头~·2020-07-08 23:37

ant-design form组件属性汇总

1、FormFormhideRequiredMark隐藏所有表单项的必选标记labelAlignlabel标签的文本对齐方式：'left'|'right'，默认为'right'labelCol同Form.Item里的设置，Form.Item优先级高wrapperlayout表单布局：'horizontal'|'vertical'|'inline'，默认值：'horizontal'onSubmit数
羊二哥·2020-07-08 21:16

关于ant-design-vue使用的优化配置

目前在项目中使用了ant-design-vue组件库，官方有对其配置按需加载功能，但是在实际使用用过程中，很多没有使用的组件还是被打包进了项目，主要集中在@ant-design/icons、moment
Z不懂·2020-07-08 16:08

vue ant-design table转译数据

利用customRender这个数据来处理exportdefault{name:"FinancialFlowList",data(){return{columns:[{title:'性别',dataIndex:'sex',key:'sex',customRender:function(text){if(text=='x'){return"男";}elseif(text=='y'){return"女
石界星空·2020-07-08 06:03

React Hooks路由跳转

importReactfrom'react';import{useHistory}from'react-router-dom';import{PoweroffOutlined}from'@ant-design
莉兹Liz·2020-07-08 00:07

vue项目iview和ant-design树图标的修改

修改图标之前先准备iconfont，我用的是阿里矢量图，如何引入项目，网上已经有很多的教程了，这里我就不再重复了。废话不多说，直接贴代码iview用的是官网这个例子：思路：js在renderParent函数定义一个变量type，然后根据返回数据判断用那个class，赋值就完事了。css先禁止图标的旋转，然后把view的字体图标换成自己想要的字体图标。最后的效果：renderContent(h,{r
bingot·2020-07-07 04:17

ant-design,解决格式化Table中的时间

使用React+Antd遇到的Table组件时间格式化的问题我在开发react项目时使用antdUI进行开发,遇到了对时间格式化的问题,下面是我成功格式化的解决办法在使用antd的时候要想修改table里面的内容需要用到render属性修改前的图片修改后的效果为：//格式化的方法（根据需求造方法这样就不会造多个相似的方法造成代码臃肿，代码越简洁越好）importmomentfrom‘moment’
傲过·2020-07-07 04:54

@ant-design/react-native 记录一下如何去掉List Item的下划线

如何去掉ListItem的下划线此方法我是从ant-design-mobile-rn的issues中找到的，怕自己以后搞忘，现在做一个记录。首先下划线是List.Item的特定样式，无法通过赋予style进行覆盖。特定样式都是通过styles属性去覆盖。代码：用style去覆盖并不起作用设置styles属性才能没有下划线还有其他想改的特定样式，可以看这里的样式文件。完。
首席外科戴夫·2020-07-06 06:00

Next.js 脚手架进阶 —— Zeit Now部署

Next.js脚手架进阶系列完美契合ant-design封装fetch&&增加中间件部署上线ZeitNow部署前言好久没写文章了，最近也没有学什么，有点荒废。
weixin_34096182·2020-07-06 00:38

react笔记16（react+AntD搭建后台模板）

1最流行的开源ReactUI组件库material-ul（国外）ant-design（国内蚂蚁金服http://design.alipay.com）2安装npminstallantd3成品图4搭建后台模板都是血与泪
机智的老刘明同志·2020-07-01 10:08

阿里程序员的一场自嗨，坑了全世界的程序员

原来为了迎合欧美最大的节日–圣诞节，阿里的开源项目ant-design出了一款圣诞节
zhuguanghalo·2020-06-30 17:58
上一页 5 6 7 8 9 10 11 12 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他