Ant-Design

react 文件上传限制格式类型大小

文件上传限制格式类型大小importReactfrom'react'import{Upload,message,Button,Card}from'antd';import{UploadOutlined}from'@ant-design
爱技术的大仙·2023-11-23 07:41

为React Ant-Design Table增加字段设置 | 京东云技术团队

最近做的几个项目经常遇到这样的需求，要在表格上增加一个自定义表格字段设置的功能。就是用户可以自己控制那些列需要展示。在几个项目里都实现了一遍，每个项目的需求又都有点儿不一样，迭代了很多版，所以抽时间把这个功能封装了个组件：@silverage/table-custom，将这些差别都集成了进去，方便今后使用和维护。同时也方便需要这个功能的人来使用。下面介绍下安装和使用安装npmi@silverage
京东云技术团队·2023-11-17 16:18

react ant-design table 显示数据以及上传数据显示到另一列中

需求是：用table展示数据，并在每一行的最后一列中给一个上传附件的按钮，可上传多个附件，上传之后在另一列去显示数据，可以删除附件因为有别的组件用到columns，他不需要上传附件功能，我就把columns的公共部分提出去了，在这个组件需要的时候在push到column中。columns如下：/***处理上传附件列*/handleColumn=()=>{letcArr=this.state.col
十四喵酱·2023-11-14 17:32

纯vue+ui项目与小程序、uni-app开发的异同

二、内容1.纯vue项目使用比如Element-ui、Ant-design、vant等ui框架来渲染界面。而weixin和uniapp则有自带的ui组件(当然也可以使用其他
我本地是好的啦·2023-11-14 10:13

Ant Design pro入门

ts3、AntDesign一、了解AntDesignproAntDesignpro是基于antdesign开箱即用的，企业级中后台前端/设计解决方案效果：源码地址：https://github.com/ant-design
yanhh_666·2023-11-11 07:21

如何评价抖音前端开源的 Semi Design ？

抖音系企业应用设计系统SemiDesign开源了，这是我今天听到最大的消息，于是晚上回家赶紧去看了看打开知乎，果然跟我想的一样，第一件事肯定有人否定这个开源的库，是基于别人的开源库改造而来甚至有人会觉得，Ant-Design
Peter 谭·2023-11-11 05:35

ant-design或el-table里a-table表格错位问题解决办法

ant-design或el-table里a-table表格错位问题解决办法当某一列的数据高度高于其他普通列时就会导致表格错位对不齐，重新加载会重新计算就可以了，不过我们可以在最后一行重新自定义加一列不赋值然后不设置宽度既可解决
广寒君·2023-11-10 17:04

React结合Antd的Checkbox实现选择框全选、半选功能

/index.css';import{CheckCircleFilled}from'@ant-design/i
莉兹Liz·2023-11-10 08:48

antd+ Umi使用中出现的问题集合（一）

一、filePathnotfound【解决】https://github.com/ant-design/ant-design-pro/discussions/9362这个方案救了我二、antd中Modal
tsuyoii·2023-11-10 04:21

ProFormList Demo 方法

from'react';importProForm,{ProFormGroup,ProFormInstance,ProFormList,ProFormMoney,ProFormSelect,}from'@ant-design
确实有点凶哦·2023-11-10 04:51

angular12里面ant-design的模态框的使用

新建一个模态框的共通组件import{Component,EventEmitter,Input,OnInit,Output}from'@angular/core';@Component({selector:'app-custom-modal',template:``,})exportclassCustomModalComponentimplementsOnInit{@Input()title:st
zwjapple·2023-11-09 06:13

vue3 自定义loading

所以写了个自定义的指令来进行处理新建loading.vue文件用来页面显示{{state.loading.text}}import{LoadingOutlined}from'@ant-design/icons-vue
唐十八_wei·2023-11-07 06:11

react使用react-sortable-hoc实现拖拽

代码如下（示例）：importReact,{useImperativeHandle,forwardRef,memo,useState}from'react';import{DrawerForm}from'@ant-design
虎仔_·2023-11-06 17:58

React 后台管理系统之权限列表——antd引入、树形表格、删除、配置

from'react'importaxiosfrom'axios'import{Table,Tag,Button,Modal,Popover,Switch}from'antd'import{DeleteOutlined,EditOutlined}from"@ant-design
YoloAva·2023-11-05 02:30

ant-design ng-tree-antd

需求：实现一颗树节点。一级一级的获取节点。根据父节点获取子节点。将所选择的数据存入数据库。（存入的数据为：最上级别的选中的节点的code和level。假如第三级节点全部节点为全选状态若此节点的父节点的父节点只有一个子节点。那么此节点的父节点肯定为全选状态。就存入此节点的父节点的父节点的code和level。若此节点的父节点的父节点不仅仅只有一个子节点，就是说，第二级的节点有好几个，那就存入当前第三
c6e71129966d·2023-11-04 19:29

react_15

动态菜单图标要独立安装依赖npminstall@ant-design/icons图标组件，用来将字符串图标转换为标签图标import*asiconsfrom"@ant-design/icons";interfaceModule
敲代码的翠花·2023-11-04 06:05

react_16

主页import{DownCircleOutlined,MenuFoldOutlined,VerticalAlignTopOutlined,}from"@ant-design/icons";import
敲代码的翠花·2023-11-04 06:05

基于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还原成表单，使
一人创客·2023-11-04 02:22

React入门 - 认识react与jsx语法规则day01

用于构建用户界面的Javascript库解释：是一个将数据渲染为HTML视图的开源Javascript库React全家桶：React-Router(路由)、PubSub(消息管理)、Redux(集中式状态管理)、Ant-Design
Silver〄line·2023-11-01 14:36

vue + ant-design + xlsx 实现导出表格数据

前言本文将介绍如何用xlsx实现前端导出table表格数据。一、安装xlsxnpmixlsx--save-dev二、渲染Table表格使用ant-design-vue写一个基本的表格导出import{Table,Button}from'ant-design-vue';importXLSXfrom'xlsx';constcolumns=[{title:'姓名',dataIndex:'name'},{
haizou·2023-10-28 15:48

Antd V4 使用iconType创建Icon，可动态设置iconType

后台数据库存的icontype是antdv4的iconimage.png前端页面应该如何使用显示icon呢解决办法如下importReactfrom"react";import*asIconfrom'@ant-design
六二小盆友·2023-10-28 07:35

ant-design之form-重置表单

resetFields重置一组输入控件的值（为initialValue）与状态，如不传参数，则重置所有的组件。用法：Function([name:string[]])isSelectChange(value){//清除所有的this.props.form.resetFields();//清除指定的一个this.props.form.resetFields(`conditionDesc`,[]);/
Sol_elY·2023-10-27 10:20

react-player实现视频播放与自定义进度条

环境react.jsantdesignpro4.0实现效果代码importReactfrom'react'import{PageHeaderWrapper}from'@ant-design/pro-layout
qq_41315539·2023-10-27 06:46

ant-design实现树的穿梭框，穿梭后右侧是已选树（二）

根据上一篇目标一，进一步实现树的穿梭框头部搜索功能有点问题，处理bug在文末，咨询可私主要内容:基于ant-design树的穿梭框，实现穿梭后右侧是已选树，（当前antd右侧只有一个层级）理想的树的穿梭框
Embrace924·2023-10-26 17:45

ant-design for angular的常用组件类

新建文件antDesign.module.tsimport{NgModule}from'@angular/core';import{CommonModule}from'@angular/common';//导入所需的AntDesignAngular组件import{NzLayoutModule}from'ng-zorro-antd/layout';import{NzMenuModule}from'
zwjapple·2023-10-26 12:07

react+antd Input回车输入生成tag组件

实现的组件样式focus效果代码：importReactfrom'react'import{Input,Tag,Tooltip}from'antd';import{CloseCircleFilled}from'@ant-design
璐瑶知码li·2023-10-26 11:07

js实现将文本生成二维码（腾讯云cos）

示例页面代码import{getQCodeUrl}from'@/utils/cosInstance';import{PageContainer}from'@ant-design/pro-components
HaanLen·2023-10-24 21:22

vue、angular等index.html缓存问题

本文引自https://github.com/ant-design/ant-design-pro/issues/1365浏览器中，默认会对htmlcssjs等静态文件、以及重定向进行缓存，如果在HEAD
拳拳·2023-10-24 06:17

ant-design form表单校验upload组件(附个人封装的上传组件)

ant-designform表单校验upload组件(附个人封装的上传组件)upload组件必填校验最近一直在使用ant-design组件库开发，项目上突然说需要表单中上传附件为“必传”，遍访各大文档都没有答案
李剑一·2023-10-24 02:23

react封装一个简单的upload组件(待完善)

/uploadImg/uploadImg.jsximportReact,{useState}from'react';import{LoadingOutlined,PlusOutlined}from'@ant-design
小小亮01·2023-10-24 02:53

了解Ant-Design

一、简介Ant-Design是一个流行的模块化解决方案，一套企业级的UI设计语言和React实现。每一个npm项目，我们都可以从package.json和官网一探究竟，大致了解它能做什么。
_茂·2023-10-21 04:58

form demo element id not unique id

https://github.com/ant-design/ant-design/issues/10218image.png
青哥DevOps·2023-10-20 21:30

关于React Native版本≥0.60使用 react-native link无效的解决方案(react-native link @ant-design/icons-react-native)

1.在ReactNative项目根目录创建react-native.config.js文件2.添加以下代码module.exports={project:{ios:{},android:{}},assets:["./src/assets/fonts/"]};3.将需要的字体文件复制到项目目录src/assets/fonts/下面4.在项目根目录运行react-nativelink或npxreact
清风听思语一醉乱芳华·2023-10-20 13:29

React Native常用三方组件库

componentWillUnmount()中清除timerhttps://github.com/reactjs/react-timer-mixin蚂蚁金服组件库antd-mobilehttps://github.com/ant-design
微信：suchenglong001·2023-10-17 08:24

ant-design:a-cascader自适应宽度

1、给a-cascader设置一个动态的style2、在onchage里，获取字符的个数，然后乘以每个字符的宽度，比如我这里的font-size是14px（浏览器默认值），那么就乘以14.onChangeTestItemCode(value,selectedOptions){this.testItemCode=value.slice(-1)+'';//value的最后一个元素就是检测编号conso
粉末的沉淀·2023-10-17 00:21

vue 3.0 +ant-design / select 二次封装

SelectSearch组件e.preventDefault()">全选清空import{defineComponent,reactive,toRefs}from'vue';import{Select}from'ant-design-vue';import{debounce}from'lodash-es';exportdefaultdefineComponent({name:'SelectSear
web_Hsir·2023-10-14 16:57

vue3使用ant-design的select实现下拉框滚动分页加载

实现下拉框滚动加载远程数据{{item.label}}数据逻辑，未补全的参数请根据需要自行添加，以下代码仅展示关键逻辑import{defineComponent,reactive,ref,watch,nextTick}from'vue';exportdefaultdefineComponent({consttotalCount=ref(0)constpageNum=ref(1)constpage
绝对零度HCL·2023-10-14 15:50

ProComponents EditableProTable使用

import{EditableProTable}from'@ant-design/pro-components';import{useEffect,useState}from'react';constEditModal
丸子吖嘿·2023-10-13 04:28

react-beautiful-dnd拖拽插件指定拖拽元素

/types';import{MenuOutlined}from'@ant-design/icons';import{D
a～～小太阳~~·2023-10-11 11:16

antd Form.list嵌套Form.list

import{Form,Input,Button,Space,Select}from'antd';import{MinusCircleOutlined,PlusOutlined}from'@ant-design
zxz_learn·2023-10-11 10:09

Antd Ant Design Form Form.List 使用Demo 使用方法

/index.less';import{MinusCircleOutlined,PlusOutlined}from'@ant-design/icons
zhongshizhi91·2023-10-11 09:02

react ant-design实现导航菜单menu的路由设置/切换页面

ant-design版本是5.1.1，路由版本是v6的新版本的导航菜单路由设置与旧版的不太一样，刚开始的时候甚至不知道该怎么写实现效果：代码：importReact,{useState}from'react
March_liang·2023-10-11 05:17

React+Ant Design 4.4.1登录及路由导航

package.json：{"name":"antd-demo","version":"0.1.0","private":true,"dependencies":{"@ant-design/icons"
duansamve·2023-10-11 05:38

vue3 antv 静态登录页面

效果图-->获取验证码自动登录忘记密码登录其他登录方式注册账户import{UserOutlined,LockOutlined,MobileOutlined,MailOutlined}from'@ant-design
战斗中的老段·2023-10-09 20:16

React中ant-design使用+antd的按需引入+自定义主题+踩坑填坑

目录引言一、准备工作1、项目搭建2、项目初始化3、安装antd二、使用ant-design1.Button按钮组件2.icon图标组件3.引入样式+解决样式引入报错的问题三、antd的按需引入1.安装依赖并修改package.json2.按需加载的babel插件四、自定义主题1.安装less和less-loader2.更改config-overrides.js相关配置3.拓展五、总结1.安装插件2
Persure Li·2023-10-09 17:00

Ant-vue table的单元格合并已经使用自己的slot插槽

Ant-vuetable的单元格合并已经使用自己的slot插槽之前在做一个ant-design的项目的时候，遇到一个单元格合并的问题，简直头疼，其实在ant中进行简单的内容合并单元格，其实很容易也很方便
xinyuandu·2023-10-09 11:56

ant-design for vue. table合并单元格通用方法

主要思想是通过遍历是否有相同的字段，并判断相同字段的数量，相关代码如下。constcolumns=ref([{title:"分类",dataIndex:"name",customCell:(text,record,index)=>{consttextName=text.nameconstobj={children:textName!==null?textName:"",attrs:{}}obj.a
今日无事勾栏听曲·2023-10-09 11:52

ant-design-vue中默认展开树节点参数失效

需求使用ant-design-vue框架，展开下拉树组件中全部树节点解决方案参数控制使用ant-design框架中自带的treeDefaultExpandAll参数，将其设置为true。
李剑一·2023-10-05 04:45

Vue ant-design select滚动条跳动

Vueant-design下拉框select如果有null值，会出现跳动image.png将null值过滤掉即可
郝以平·2023-10-02 12:53

【AntDesign】封装全局异常处理-全局拦截器

[toc]场景本文前端用的是阿里的Ant-Design框架，其他框架也有全局拦截器，思路是相同，具体实现自行百度下吧因为每次都需要调接口，都需要单独处理异常情况（code!
Leovany·2023-09-30 19:27
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他