Ant-Design

[技巧]使用vue3开发2x.antdv路由动态加载菜单图标的解决方案

2x.antdv图标的使用方式用法不多说，按需从@ant-design/icons导入，官网通道import{LinkOutlined}from'@ant-design/icons-vue';1x.antdv
·2021-03-19 17:16

栅格布局（Grid-Layout）

常用的栅格布局有三种切割方式：12格、16格、24格，bootstrap中采用的是12格的切割方式，ant-design中采用的是24格的切割方式，国外一些网站采用的16
·2021-03-14 21:59

仿ant-design的react 原生初级表格组件（搜索，筛选，过滤，编辑等功能）

importReactfrom'react';importHelmetfrom'react-helmet';import{Table,Modal,Tooltip,Input,message,Button,Tabs,Upload,Popconfirm}from'antd';importHeaderfrom'../../core/components/breadHead';importxianfrom
danihay·2021-03-11 02:23

开发一个 React Loading 组件

一直都是用的第三方库的loading组件(ant-design/antd-mobil)，最近一个项目需要用到loading，自己开发了下，总结如下：Loading组件的两种形式：全局loading、局部
·2021-02-26 04:18

Ant-Design被删源码库!!404√

了解AntDesignAnt-Design是蚂蚁金服基于React开源的一款企业级UI设计语言和React组件库，深受人们喜爱。最早消息还在当前过年的时间点，AntDesign的Github库遭受删库袭击。最早出现的信息是在2月15日凌晨一位叫Jeggy的用户在stackoverflow上发文表示无法访问AntDesign源码库。他表示AntDesign源码库打开显示404，官方网站https:/
·2021-02-15 23:16

react-cropper图片裁剪，旋转应用

应用技术：reacthook，ant-design，react-cropper（插件）项目中需要安装插件:npminstallreact-cropper--save-dev注：这里用的react-crooper
csdngaofeng·2021-02-07 11:02

从 0 开始，成为 Ant-Design Contributor

前言的前言第一次写公众号，这篇文章写于的是今年的暑假，楼主现在已经开始正式工作了(也在之后的时间里成为了项目的collaborator，但可能还是经验不足和时间原因，之后也没有啥时间去参与其中的开发了)，可能当时的文章现在看来有些幼稚了，但还是希望这篇文章能输出一些经验能用于学习的。现在楼主正在做前端架构相关的工作和学习。希望以后能在公众号中输出一些有质量和价值的文章，不过工作会比较忙，可能更新不
·2021-01-31 00:27

ant-simple-pro，一个包含3大主流框架的中台解决方案

ant-simple-pro，一个包含3大主流框架的中台解决方案简介ant-simple-pro是一款支持vue3.0，react，angular，typescript等多框架支持的中台前端解决方案，ui框架使用ant-design
·2021-01-27 17:08

使用ant-design的表格，希望点击排序之后触发一些事件，要如何实现

使用ant-design的表格，希望点击排序之后触发一些事件。希望获取到当前是升序或者降序，是哪一列在排序。场景是在同一个页面的，当表格被排序的时候，有另外一个模块需要被联动排序
huixu·2021-01-20 23:41

ant-design-vue 2.x 中Icon 组件动态渲染

从2.0开始，ant-design-vue不再内置Icon组件，需使用独立的包@ant-design/icons-vue要使用Icon组件需要通过组件的形式引用：import{StarOutlined,
米尔·2021-01-19 13:49

【ant-design-vue】【ant-design】

背景：使用AntDesign或者AntDesignVue，在Modal组件中使用Select组件，当点击Select组件出现下拉选项后滚动原始页面，出现下拉选项和Select框分离的异常。异常：问题点：Select组件有个APIgetPopupContainer，AntDesign官方文档给出的用途解释为：“菜单渲染父节点。默认渲染到body上，如果你遇到菜单滚动定位问题，试试修改为滚动的区域，并
Cookinne·2021-01-17 22:09

react +Ant DesignPro搭建项目

1．安装node，git2．用git下载项目到本地（gitclonehttps://github.com/ant-design/ant-design-pro.git）3．下载完成后进入项目安装依赖cdant-design-pro
唐生洗发用飘柔·2021-01-08 11:03

自定义配置化table，实现同ant-design类似render效果

如何实现像ant-design一样，使用原生table就能实现在render中自定义展示数据呢。
qq_41123620·2020-12-31 17:46

289页初中级前端题助你拿下Offer

需要289页前端初中级前端面试题，请直接滑到文末获取1、ant-design的使用总结及常用组件和他们的基本用法?
专注前端二十年·2020-12-21 14:20

ant-design,a-table

{{text|departFilter}}编辑handleDelete(row.jobid)">删除rowkey,唯一,多选等下拉框时使用dataSource,对应的json数组columns对应json返回的列名通过过滤器,把id转化为name,在页面显示slot-scope="text,row"row传的是当前行的数据也可以像删除功能类似的传row.id{{record.state==item
张泽·2020-12-17 18:04

ant-design a-select

a-select标签{{d.departname}}整体思路和v-for操作原生的select标签非常类似注意有key和value的值,两个都要有
张泽·2020-12-12 20:46

ant-design a-modal, a-form

弹出页a-modal标签visible代表是否可见@ok="handleOk"点击页面的确认按钮,触发的事件cancelText="关闭"取消按钮显示文字是关闭@cancel="visible=false;"设置属性为不可见:form="bizForm"form里的input表单都绑定到bizForm变量里bizForm:this.$form.createForm(this),初始化
张泽·2020-12-12 20:46

ant-design a-modal, a-form

弹出页a-modal标签visible代表是否可见@ok="handleOk"点击页面的确认按钮,触发的事件cancelText="关闭"取消按钮显示文字是关闭@cancel="visible=false;"设置属性为不可见:form="bizForm"form里的input表单都绑定到bizForm变量里bizForm:this.$form.createForm(this),初始化
张泽·2020-12-12 19:55

ant-design a-select

a-select标签{{d.departname}}整体思路和v-for操作原生的select标签非常类似注意有key和value的值,两个都要有
张泽·2020-12-12 19:54

react ant-design 使用form 与抽屉组件，解决每次点击展开抽屉，form数据不更新问题

在做一些表格编辑的功能时候，在抽屉组件里面使用form表单的时候会设置默认form数据，例如//默认初始化数据constformInitVal={polceName:data.polceName,type:data.type,status:data.status,trialDeviceSerial:data.trialDeviceSerial,};当我们在点击展示每条数据的时候，会发现传入了当前数
爱吃排骨·2020-12-03 11:37

python ui框架_优秀的后端程序员都不用前端框架？不存在的！

1：Ant-design推荐指数：star:60.2k官网：https://ant.design/docs/react/introduce-cnGith
weixin_39869197·2020-12-01 08:49

create-react-app 创建项目

Theengine"node"isincompatiblewiththismodule.Expectedversion"^10||^12||>=14".Got"13.8.0"在创建项目之前执行以下命令：yarnconfigsetignore-enginestrue引入ant-design
kudosizuka1·2020-11-25 17:27

前端性能优化

utm_source=tag-newestnode_modules/@ant-design中icon有529kb1.webpack配置aliasresolve:{alias:{//设置别名是为了让后续引用的地方减少路径的复杂度
云端的日子·2020-11-18 11:36

ant-design表单处理和常用方法及自定义验证操作

首先要说一下antdesign这个框架API和demo丰富，而且开发环境提供对应的warning来纠正用户的错误。是一个很好的组件库。关于表单验证方面是依赖于async-validator库。百度的san-xui组件库的表单验证也是依赖与async-validator。说明这个库的实用性还是比较高，可以多了解一下。首先按照antDesign官网Demo。我们可以copy一个Form表单的demo。
·2020-11-17 11:34

ant-design vue 时间段组件range-picker设置选择范围

1、时间限制范围开始时间~结束时间不能超过31天2、时间限制范围结束时间不能超过今天//data中声明disabledCurrent:null,/***清空禁用时间段的设置*/onOpenChange(status){//清空禁用时间段的设置this.disabledCurrent=null},/***获取手动选择的时间段起始值*/onCalendarChange(dates){console.l
Rose_yang·2020-10-16 10:04

在Angular4中使用PrimeNG calendar

于是我在：easyui、MaterialAngular、ant-design、primeng里面找。其中，easyui的使用方式是jQ
丶淡恋小情绪x·2020-10-09 16:31

【避坑指“难”】ant-desigh+prolayout布局，修改面包屑的分隔符，百度搜遍了都找不到办法，今天终于解决了

@ant-design/pro-layout@ant-design/pro-layout.npminstall--save-dev@ant-design/pro-layout这是默认的面包屑样式：/为了修改面包屑样式
椰卤工程师·2020-09-25 11:54

vue-cli3 + ant-design 项目

新建一个vue-cli3+ant-design项目一、前提：1.安装vue-cli3npminstall-g@vue/cli2.安装vue-antdnpminstallvue-antd--save二、使用vue-cli3新建一个空的项目新建vue-cli3项目有两种方式1.vuecreateprojectname2.vueui以vuecreatename方式创建（选择自定义方式）vuecreate
姀影·2020-09-17 16:22

使用变量动态获取属性

使用变量动态获取属性importReactfrom"react";import'antd/dist/antd.css';import{ManOutlined,WomanOutlined}from'@ant-design
采药人~陈大仙·2020-09-17 02:56

React引入ant-design实现正在加载效果

React引入ant-design实现正在加载效果1.安装npminstallantd--save2.导入ant-design//导入antdesignimport{Spin,Icon}from'antd
「已注销」·2020-09-16 22:56

Ant Design(antd)4.X引入阿里iconfont.cn图标(Icon)

AntDesign(antd)4.X引入阿里iconfont.cn图标(Icon)官方的Demo是这么给的:import{createFromIconfontCN}from'@ant-design/icons
旗袍不开、怎么得胜？·2020-09-16 16:10

ant Design Pro 2.0 中的数据流

1.下载脚手架gitclone--depth=1https://github.com/ant-design/ant-design-pro.gitmy-project2.查看package.json文件执行
: ) ---·2020-09-16 15:08

Electron+React+Ant-Design 构建初始化应用

www.imooc.com/article/39978https://www.jianshu.com/p/20817ba6041dElectron：作为Native支持的项目搭建React：作为前端界面框架Ant-Design
刘岩Tony·2020-09-16 11:29

Ant-design Modal实现可以拖动的效果

最近项目组在开发的时候提出了一个需求，需要让ant-designModal实现能够拖动的功能，研究了一番，基于and-designModal自己封装了一个antd-draggable-modal组件。特性：支持弹出窗居中打开支持拖拽titlebar实现拖拽支持多层弹窗拖拽实现原理要实现Modal的拖拽，首先要弄清楚Modal的位置跟什么有关系，打开浏览器，通过F12调试窗口可以看到，Modal的位
astonishqft·2020-09-16 10:33

[异常]npm install ant-design-vue --save - Vue

向vue项目中集成ant-design的时候执行如下命令出现异常npminstallant-design-vue--save异常如下：解决办法：在命令前加入"sudo"后面命令不变，命令如下：sudonpminstallant-design-vue
survivorsfyh·2020-09-15 17:37

Vue Cli 3 搭建一个可按需引入组件的组件库架子

Ant-design、Element这些框架都有按需引入组件的功能。需要使用哪个组件，就引入哪个组件，这样那些没必要的组件就不会打包到我们的项目里了。
weixin_33923762·2020-09-15 15:42

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
上一页 3 4 5 6 7 8 9 10 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他