Ant-design

ant-design form initialValues赋值state的坑

项目中需要将Form表单赋值初始值以供修改，但是我用useState设置了选中的值然后initialValues赋值却发现，点击出来显示的始终是上一次点击的值，然后用p标签重新显示这个state，发现又是最新的。看了一下这篇https://blog.csdn.net/hl971115/article/details/104564923。用useEffect也不起作用。我就放弃了使用initialV
iorn_mangg·2020-09-15 08:28

新增了AuthorizedRoute组件，用于校验登录状态与用户权限

转载：https://github.com/ant-design/ant-design-pro/pull/91如题，新增了AuthorizedRoute组件，利用react-router4的自定义路由功能
天蒙蒙亮·2020-09-14 19:22

Angular：nz-table中显示横向滚动条

首先，可以参考一下ant-design官方文档中对于横向滚动条的用法（这里参考1.8.1版本的固定列方法）：import{Component}from'@angular/core';@Component
Angular baby·2020-09-14 12:34

React+Ant Design 4.4.1路由登录

package.json：{"name":"antd-demo","version":"0.1.0","private":true,"dependencies":{"@ant-design/icons"
duansamve·2020-09-13 21:46

vue 给ant design table 组件自定义点击行（选中行）样式和斑马纹样式

写在开头：element-ui的table组件有几个属性很好用，但是ant-design中table组件是没有的。比如：stripe：是否为斑马纹table。
YorcentLuo·2020-09-13 04:10

ant-design默认主题颜色的修改

做react项目时用到ant-design，看官方文档，自己也是一直无法更改颜色，今天终于找到方法，分享一下：在.less文件中：@import"~antd/lib/style/themes/default.less
weixin_33800463·2020-09-13 03:07

ant-design, 实现Table单击行变色

文章目录首先定义要引入的scss,并且在页面引入定义TableonRow和rowClassName效果首先定义要引入的scss,并且在页面引入定义样式.clickRowStyl{background-color:#00b4ed;}.ant-table-tbody>.clickRowStyl:hover>td{background-color:#00b4ed;}引入样式importtdSelectS
水淹萌龙·2020-09-13 02:56

记录Ant-Design前后端数据交互

前端：Ant-Design，大部分使用了ES6的写法后端：Vertx前端可以分为几个部分：index.js渲染页面model.js命名空间与方法的调用等server.js请求路径_mock.js可供测试数据
fearlessnesszhang·2020-09-12 22:09

基于vue Ant-Design 的表单设计器，快速开发

基于vueAnt-Design的表单设计器，快速开发https://gitee.com/kcz66/k-form-design/表单设计器k-form-designimage简介参考项目vue-form-making，基于vue和ant-design-vue实现的表单设计器，样式使用less作为开发语言，主要功能是能通过简单操作来生成配置表单，生成可保存的JSON数据，并能将JSON还原成表单，使
一人创客·2020-09-04 08:01

基于React中后台UI库：Ant Design

官网：https://ant.design/index-cnGitHub：https://github.com/ant-design/ant-design一、什么是AntDesign1、AntDesign
CodeMT·2020-09-03 14:47

(原)创建一个react项目，包含ant-design和router

1.安装和初始化npminstall-gcreate-react-appyarn2.创建项目create-react-appreact-app3.启动项目npmstart地址：http://localhost:3000/4.引入antd现在从yarn或npm安装并引入antd。yarnaddantdnpminstallantd--save修改src/App.css，在文件顶部引入antd/dist
DaTou1126·2020-08-25 17:50

我对ant-design之Form表单的组件的初步理解

今天看了ant-design文档的Form表单，由于之前也看了一下，但是总感觉它的api方法很多，所以就产生了抵触感。今晚又看了一遍，里面好多的细节，实实在在的需要下功夫去理解。
cs0710·2020-08-24 19:33

react如何优雅的处理多弹窗需求（模态框注入）

常规解法一般ui库中，如ant-design,material-ui提供的Modal组件中都有一个控制开关的visible或者open属性。我们处理上面需求的
raunyuyuan·2020-08-24 16:06

开发一个 React Loading 组件

一直都是用的第三方库的loading组件(ant-design/antd-mobil)，最近一个项目需要用到loading，自己开发了下，总结如下：Loading组件的两种形式：全局loading、局部
大桔子·2020-08-24 15:23

使用web-component搭建企业级组件库

我们通常去搭建组件库的时候都是基于某一种框架去搭建，比如ant-design是基于react搭建的UI组件库，而elementUI则是基于vuejs搭建的组件库。
lucifer·2020-08-24 14:10

ant-design-pro v4 的menu改用自定义icon或iconfont

ant-design中有介绍如何使用阿里巴巴图表库的icon，调用iconfont的生成的url封装一下啊。
撒库拉-琳琳·2020-08-24 11:09

ant-design-vue & ant-design react 修改组件样式

vue:/deep/.ant-card.ant-card-head{padding:4px32px;}避免全局渲染可以在上加scope属性,或者自定类名react::global{.ant-card.ant-card-head{padding:4px32px;}}避免全局渲染可以自定类名/-------------------------------------------------------
Han1425·2020-08-24 09:54

antd pro 4.0 动态菜单

一、BasicLayout.jsx中获取服务端传来的菜单json格式的（需要符合config.js中的路由格式）/***AntDesignProv4use`@ant-design/pro-layout`
qq_41315539·2020-08-24 09:44

从今天开始，拿起 TypeScript 做一个轮子的制造者

使用这些轮子能极大地帮助我们提升生产力，有些人甚至基于这些轮子二次开发了一些轮子，比如element-ui、ant-design等组件库。
weixin_34290000·2020-08-23 20:22

前端 UI 设计原则（基于Ant-design）

前端UI设计原则（基于Ant-design）本文摘录自：AntDesign官网1.设计原则1.1亲密性纵向关系：三种间隔横向关系：栅格布局1.2对齐LawofContinuity文案对齐：松散时确定统一的视觉起点表单类对齐
一个前端·2020-08-23 19:01

ant.design pro框架 ---（对搜索跟登录页面做总结）

1.index.txsimportReact,{Component}from'react';import{PageHeaderWrapper}from'@ant-design/pro-layout';impo
懒耶懒耶·2020-08-22 19:48

vue ant-design a-range-picker日期格式的禁用与快速查询

vueant-designa-range-picker日期格式的禁用与快速查询#产品需求禁用三个月之前和当前时间以及之后的时间disabledDate(current){returncurrent=this.$moment().subtract(1,'days').endOf('day')}
weixin_37918931·2020-08-22 19:41

ant-design 实现 搜索功能

1.逻辑代码list.js/***用户列表页*/importReact,{PureComponent}from'react'import{connect}from'react-redux'import{history}from'../../store'importstylesfrom'./index.less'import{Row,Col,Card,Form,Input,Select,Button
weixin_33813128·2020-08-22 19:06

好用的前端框架ant-design的vue案例在GitHub中的地址

vue案例在GitHub中的地址https://github.com/sendya/ant-design-pro-vue文档地址https://ant.design/docs/spec/data-entry-cn
醉醉美丽栗子·2020-08-22 18:42

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

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

Ant-design Button onClick 获取按钮的目标

用React的Ant-Design发现的Button获取onClick的e.target的时候经常会出问题，发现Antd封装的Button是一个button里面还有span，如果点击的是按钮上的文字的话
酒慰风尘·2020-08-22 15:06

ant-design vue组件库使用后总结

1、form组件自定义校验template:{{addOptions.productMainVo.articleNumber.length}}/60methods:（1）校验不含中文字符validateCode(rule,value,callback){letreg=newRegExp('[\\u4E00-\\u9FFF]+','g')if(value&®.test(value)){/*es
wcy10086·2020-08-22 15:40

IE9及以下浏览器升级提示

在使用react的项目中一般都有兼容性问题，特别是使用了组件库比如element-react或者ant-design等等，在ie下多少都会有点小问题，比如样式不正确，或者组件功能失效，甚至白屏等问题。
ZHAO_·2020-08-22 13:39

ant-mobile TabBar 组件添加路由

感觉ant-mobile和vant相比要很不方便，很多功能需要我们自己去实现，团队的重心应该都在ant-design上，比如TabBar并没有设置路由功能，本文阐述了如何在一个使用了react-router
MK965·2020-08-21 12:57

react自定义汇总行并固定在底部

react自定义汇总行并固定在底部安装依赖react这个不用说了吧antdUI组件库Mockjs造数据react-highlight-words查询结果高亮@ant-design/icons图标视频预览
冰原狼·2020-08-21 01:15

react + antd pro 项目搭建及发布流程

$gitclone--depth=1https://github.com/ant-design/ant-design-pro.gitmy-project$cdmy-project###2、安装依赖$npminst
qq_34484157·2020-08-21 01:08

antd-design/pro-table组件说明(官方readme)

@ant-design/pro-tableAntd官网没找到Pro-Table的相关说明文档，下面是从依赖包里捞出来的readme。
咕了个咕·2020-08-20 22:24

高性能方案实现ant-design在运行时动态改变主题色（利用webpack-theme-color-replacer）

今天利用webpack-theme-color-replacer插件，为ant-design实现了在运行时动态切换主题色的功能，无需在页面进行less的编译，提升了切换速度。有需要的同学可以参考下。
okfine·2020-08-20 21:25

高性能方案实现ant-design在运行时动态改变主题色（利用webpack-theme-color-replacer）

今天利用webpack-theme-color-replacer插件，为ant-design实现了在运行时动态切换主题色的功能，无需在页面进行less的编译，提升了切换速度。有需要的同学可以参考下。
okfine·2020-08-20 21:25

使用ng-zorro图标库部分图标不能正常显示

ERRORError:[@ant-design/icons-angular]:theiconredo-odoesnotexistorisnotregistered.atIconNotFoundError
Guoye·2020-08-20 21:26

使用ng-zorro图标库部分图标不能正常显示

ERRORError:[@ant-design/icons-angular]:theiconredo-odoesnotexistorisnotregistered.atIconNotFoundError
Guoye·2020-08-20 21:53

react ant-design自定义图标

ant-design给我们提供的图标不够怎么办呢？答案是我们可以自定义图标。自定义图标也挺简单的，现在图标推荐用svg格式，那么我们就需要制作svg图片。下面让我们看看如果制作svg图片吧。
banzanbei4669·2020-08-20 09:20

antd design pro菜单打开http链接

翻阅pro的githup查issues看别人有没有遇到类似的问题，发现了两个类似的：如何配置不展示在菜单中的router：https://github.com/ant-design/an
撒库拉-琳琳·2020-08-20 07:37

文档浏览网站 Docs4dev

但是各个框架的文档都有它们自己的风格，在国内某些网站的打开速度也是堪忧，最重要的是：大部分文档都不支持搜索，也不支持中文，基于此，我开发了一个文档网站：https://www.docs4dev.com，它使用了ant-design
Docs4dev·2020-08-19 01:18

Ant-design 快速入门

1、下载node.js4.x及以上，然后安装。2、安装后在win+r输入npminstallantd-init-g安装antd3、创建ant-demo输入mkdirantd-demo创建antd-demo4、cdantd-demo5、安装npm依赖输入antd-init--typeplain-react此时会产生一些文件将以下代码替换\antd-demo\src\entries\index.js的
zsr228·2020-08-19 00:32

Ant-design 快速上手

1、在开始之前，先下载Node.jsv4.x或以上。2、安装后在win+r输入npminstallantd-init-g安装antd3、使用命令行进行初始化。$mkdirantd-demo&&cdantd-demo$antd-initantd-init会自动安装npm依赖，若有问题则可自行安装。若安装缓慢报错，可尝试用cnpm或别的镜像源自行安装：rm-rfnode_modules&&cnpmin
红莲开梦里·2020-08-18 22:15

ant design pro项目中添加面包屑

导入面包屑组件import{PageHeaderWrapper}from'@ant-design/pro-layout';在return的jsx最外层包裹面包屑组件这是我的测试页面其中:title参数为面包屑下面的标题在路由进行配置
蓝枫秋千·2020-08-18 21:50

React中最全获取表单数据：原生DOM、refs、 event.target.value、ant-design的Form组件

一、原生DOM表单handleSubmit=()=>{varusername=document.getElementById('getName').value;}render(){return(获取用户名//参数传递需要1.this.handleSubmit.bind(this,params)//2.()=>this.handleSubmit(params))}二、refs使用refs需要注意的地
June.1·2020-08-18 21:48

antd：ConfigProvider中为什么需要为 wave effect 动效，单独定义全局的 csp？

分析：ant-design组件中：Buttoon、Audio、Dropdown等实现了水波纹效果，它们是应用了Wave组件(@/components/_utils/
sliiva·2020-08-18 20:39

Ant Design Pro环境搭建

前期准备安装Git安装nodejsAntDesignPro安装方式1：克隆git仓库gitclone--depth=1https://github.com/ant-design/ant-design-pro.gitmy-projec
falcon95·2020-08-18 20:26

vue-cli3 iview定制主题报错的解决

/node_modules/less-loader/dist/cjs.js)://https://github.com/ant-design/ant-motion/
TaoCap·2020-08-18 07:46

ng-zorro-antd中nz-table的问题

前端项目中，我们经常会使用阿里开源的组件库：ant-design，其提供的组件已经足以满足多数的需求，拿来就能直接用，十分方便，当然了，有些公司会对组件库进行二次封装，改造成极具自家风格的产品。
企鹅爱吃方便面·2020-08-17 21:57

ant design（一）

1、ant-design快速入手官方文档：https://ant.design/docs/react/getting-started-cn直接用下面的代码替换index.js的内容，用React的方式直接使用
0914_h·2020-08-17 00:32

阿里的27个项目资源带你走进Github世界！

1、设计语言&前端框架AntDesignhttps://github.com/ant-design/ant-design★14889AntDesign是蚂蚁金服开发和正在使用的一套企业级的前端设计语言和基于
qq_38002595·2020-08-15 03:00

史上最简单的Ant-Design换肤方案

先看成果线上预览地址：Dynamic-Antd-Theme-Demo看起来是不是还可以，如果你知道如何使用，相信你会更觉得我不是一个标题党。//如何使用importDynamicAntdThemefrom'dynamic-antd-theme';render(){......}复制代码没错，就是这么简单，为了方便大家，我已经弄成了即插即用的组件～欢迎大家star+issue+pr。dynamic-
weixin_33861800·2020-08-15 00:45
上一页 4 5 6 7 8 9 10 11 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他