Ant-Design

从今天开始，拿起 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

ant-design主题定制 antd-theme-generator 源码解读

antd-theme-generator源码解读antd-theme-generator只是针对于颜色的定制，对于其他属性例如字体大小，边框，边距等样式不提供定制这里只针对generateTheme方法和其涉及到的方法进行讲解，其他的方法不予以讲解。官方文档有使用这个方法的例子，请参考：https://github.com/mzohaibqc/antd-theme-generator参数optio
chashao__·2020-08-14 23:56

vue ant design 改变主题

webpack_theme_plugin.jsconstThemeColorReplacer=require("webpack-theme-color-replacer");constgenerate=require("@ant-design
yangliwei.top:88·2020-08-14 22:04

ant-design地址打不开

ant-design地址打不开，可能和网络有关，用下面的镜像地址就可以打开ant-design-pro镜像地址：http://ant-design-pro.gitee.io/index-cnantd-mobile
格來羙、日出·2020-08-13 20:40

ant-design官网打不开时，你需要使用以下的镜像地址打开网站

  在我们的日常开发中，往往需要打开ant-design官网来面向文档开发，但由于各种各样的原因，官方网站总是打不开，那么我们则需要使用以下该官网的镜像地址来打开；  1、Ant-Design官网原地址
Zhuangvi·2020-08-13 12:21

从0到1教你搭建前端团队的组件系统（高级进阶必备）

虽然目前市面上已经有很多功能强大且完善的组件库供我们使用，比如基于react的开源组件库ant-design，material，又比如基于vue的开源组件库elementUI，iView等。
【电:18230062509】·2020-08-12 15:08

ant design vue项目怎么修改主题颜色

在此处设置，也可以设置直角、边框色、字体大小等'primary-color':'#7c6dc5',},javascriptEnabled:true}}},}3、把main.js中的引入的import‘ant-design
SYL玲儿·2020-08-09 15:35

Vue表单生成器设计实践

稍有从业经验的人都晓得，这类生成器在基于iview，ant-design这样的组件库下实现不算复杂，因此这里主要是阐述表单生成器的设计思路。当前项目的表单生成操作有以下问题：实现f
张子虚·2020-08-05 18:59

美化ant-design vue 组件滚动条样式

a-modal：.ant-modal-body{&::-webkit-scrollbar{width:6px;/*高宽分别对应横竖滚动条的尺寸*/height:1px;}&::-webkit-scrollbar-thumb{border-radius:6px;//-webkit-box-shadow:inset005pxrgba(0,0,0,0.2);background:rgba(144,147
非渔驿站·2020-08-05 15:52

React移动端项目基础搭建流程（一）

安装结束，yarnstart测试项目是否能正常运行2分析项目--重要1、哪些公共组件需要封装处理2、要用到哪些技术，处理css用什么（styled-components，css，scss等）ui库用什么（ant-design
WHTGS·2020-08-05 12:55

antd Table设置固定高度

然后在antd的https://github.com/ant-design/ant-design/issues?utf8=%E2%9C%93&q=table+scroll上搜索了都没有找到合适的。
weixin_30492047·2020-08-04 19:46

React-Native antd-mobile-rn组件库集成使用

github地址https://github.com/ant-design/antd-mobile-samples/tree/master/create-react-native-app文档地址：https
大灰狼的小绵羊哥哥·2020-08-04 00:07

react-native移动app开发指南（一）环境的搭建

node.js；后端服务器语言；react-native：前端框架；react-native官方文档expoxde：react-native项目管理软件；官方文档逍遥模拟器：模拟调试工具vscode：编译工具ant-design
xieamei·2020-08-03 08:13

ant-design地址打不开？

ant-design地址打不开，可能和网络有关，用下面的镜像地址就可以打开ant-design-pro镜像地址：http://ant-design-pro.gitee.io/index-cnantd-mobile
keyuan0214·2020-08-01 00:25

考勤管理：用ant design Calendar日历动态渲染

Component}from'react';//import{Card,Typography,Alert,Icon}from'antd';import{PageHeaderWrapper}from'@ant-design
汀芷茹·2020-07-31 23:02

教你自己创建一个Vue的UI组件库类似Element

**网上看到了这篇文章非常的棒哈**前言随着前端的三大框架的出现,组件化的思想越来越流行,出现许多组件库.它能够帮助开发者节省时间提高效率,如React的Ant-design,Vue的iView,Element
小墨宝·2020-07-31 22:05

iview表单验证的简易封装

目前iview,ant-design等UI框架在表单处理方面都使用了async-validate来进行表单验证,并对其进行了封装以便更好的使用下面对最基本的使用做了简易封装module.exports=
jxy139·2020-07-31 19:04

ant-design table获取远程数据问题

最近在用ant-design的时候，碰到了一个问题，table在排序的时候要服务端来排，前端做的排序只能做当前页，所以就用到了ant-design里面的table的获取远程数据问题此时要完全按照api上的说明来写
AlisaMfz·2020-07-31 16:59

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

比如ant-design也是所属AntDesignTeam这个组，
weixin_34337265·2020-07-30 20:28
上一页 4 5 6 7 8 9 10 11 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他