antDesign

基于antd实现一个轮播图

关于antd的使用这里就不多说了，前面已经写过了，从零开始学习React-引入AntDesign组件（八）：https://www.jianshu.com/p/e7e905d89673，现在为了对组件的熟悉
祈澈菇凉·2024-01-01 10:48

yarn run dev运行ant design pro项目报错-‘max‘ 不是内部或外部命令

运行antdesignpro项目报错：>>yarnrundevyarnrunv1.22.19$npmrunstart:dev>[email protected]:dev>cross-envREACT_APP_ENV
伏尔加河的卷毛·2024-01-01 08:02

uniapp 添加自定义图标

1.下载自定义图标在阿里图标库，选择喜欢的图标库https://www.iconfont.cn/collections/index建议按收藏数排序进行，能更快找到合适的图标点开喜欢的图标库（如AntDesign
朝阳39·2024-01-01 06:32

前端废物的自救之路（2）Ant Design Vue实现登录页面及表单校验功能

前端废物的自救之路（2）AntDesignVue实现登录页面及表单校验功能前言由于后台没有要求响应式，本来我是打算使用ElementUI（以下简称element）作为后台的UI框架的——因为Element
NoelleMu·2024-01-01 04:50

轮播图根据图片底色自动填充剩余背景色

项目中用的是AntDesignPro，Carousel轮播组件1、需求需要实现一个类似腾讯课堂的轮播图，图片定宽定高，不同分辨率屏幕时，轮播图会根据图片的背景色填充容器左右空隙比如1800px屏:比如3000px
IT姑凉·2024-01-01 01:42

前端DApp开发利器，Ant Design Web3 正式发布 1.0

在介绍AntDesignWeb3之前，先简单说说Web3DApp（去中心化应用）。DApp可以说是除了AI应用外当下最受前端独立开发者青睐的应用了。
xiangzhihong8·2023-12-30 14:13

React --antDesign DatePicker属性 disabledDate 禁用日期

handleData(time){if(!time){returnfalse}else{//大于当前日期不能选time>moment()//小于当前日期不能选timemoment().add(7,'d')returntimemoment().add(7,'d')}}
wax9092·2023-12-30 08:34

Vue Ant Design Vue table customCell 设置单元格属性（带斑马纹） - 附完整示例

效果一、介绍1、官方文档AntDesignVue—Anenterprise-classUIcomponentsbasedonAntDesignandVue.jsAntDesignVue—Anenterprise-classUIcomponentsbasedonAntDesignandVue.jsAnenterprise-classUIcomponentsbasedonAntDesignandVue
Web - Nancy·2023-12-30 00:09

【AntDesign】Docker部署

docker部署是主流的部署方式，极大的方便了开发部署环境，保持了环境的统一，也是实现自动化部署的前提。1项目的目录结构dist:使用build打包命令，生成的打包目录npmrunbuild:打包项目命令docker:存放docker容器需要修改的配置目录，比如nginx配置Dockerfile:跟项目根目录同级2创建Dockerfile内容#指定镜像FROMnginx:1.24#设置工作目录WO
Leovany·2023-12-29 23:40

Ant design vue 2.x 版本在 vue3 中的主题定制

Antdesignvue2.x版本在vue3中的主题定制我们是在vue3.0项目中使用antdesignvue2.0，解决流程和官网思路一致，直接使用less变量层叠即可，但是有一个问题就是需要全量引入
搬砖工KO水泥匠·2023-12-29 23:40

使用CRA（create-react-app）初始化一个完整的项目环境（该初始化项目已上传到本文章的资源）

1.整理项目结构，项目目录结构大致划分如下：2.安装sass安装sass开发环境,注意：使用的文件后缀名要用.scssnpmisass-D3.安装AntDesignnpmiantd--save4.配置基础路由
怕冷的火焰（~杰）·2023-12-29 04:57

封装ant design vue 的a-tree组件

封装antdesignvue的a-tree组件，不是下拉框树的组件哈！！！别看错了。工作中某些人要求偷懒省的麻烦，想通过直接给定url就能完整渲染的。
全栈科学家·2023-12-28 22:22

antd vue Modal 弹窗位置调整

antdesignvue默认的modal弹窗组件，收到的要求是弹窗能比默认的位置高一点用官方文档的属性写法如下：
十夫长·2023-12-28 21:51

开箱即用的企业级数据和业务管理中后台前端框架Ant Design Pro 5的开箱使用和偏好配置

AntDesignPro介绍AntDesignPro是一个开箱即用的企业级前端解决方案，基于AntDesign设计体系，提供了丰富的组件和功能，帮助开发者更快速地开发和部署企业级应用。
小果运维·2023-12-28 16:05

ant-design-vue 3.23 datepicker 未完全汉化

因此需要导入dayjs的zh-cn中文包官网链接：全局化配置ConfigProvider-AntDesignVue(antdv.com)image.png再看官网示例代码部
跟着Damon写代码·2023-12-28 09:02

antDesignPro+umi配置路由菜单第一个hello work

1、在目录src/pages建立一个NewPages.js文件2、NewPages.js文件内容写入importReact,{Component}from'react';exportdefaultclassNewPageextendsComponent{constructor(props){super(props);}render(){return(hellowork)}}3、配置路由在目录con
青年vs阳光·2023-12-27 22:46

Ant Design Vue 中Upload上传组件的使用

在使用AntDesignVue的Upload组件做上传功能的时候，踩了不少坑，今天稍微整理一下。
周星星的学习笔记·2023-12-27 19:52

在Ant Design Vue（v1.7.8）a-table组件中实现余额自动计算

一、目标在AntDesignVue表格中实现余额自动计算，公式为：剩余量=库存量-消耗量二、二次开发基础现有一个使用AntDesignVue表格的开源项目，原始表格有“消耗量”列，且带输入框，数据双向绑定三
梓沂·2023-12-27 02:55

React+umi+antdesign实现上传文件组件（阿里云）

开始之前需要封装一个上传的方法fileUtils.tsimport{message}from'antd';importBase64from'crypto-js/enc-base64';importUtf8from'crypto-js/enc-utf8';importHmacSHA1from'crypto-js/hmac-sha1';import{request}from'umi';constisD
大莲芒·2023-12-26 19:14

react 父组件调用子组件方法 ，子组件暴露方法给父组件

背景：在AntDesign下，针对使用Form.create创建的组件，ref取到的是Form相关的属性和方法，要获取到自定义的属性和方法，得使用wrappedComponentRef才行。
东湖高新第一会所掌门人·2023-12-26 11:47

vue2项目使用ant design vue组件库table组件时设置column根据接口返回的字段值显示不同内容

需求：vue2项目使用antdesignvue组件库table组件时设置column根据接口返回的字段值显示不同内容举例：1、引用table：{{$t('m.edit')}}{{$t('m.ydel')
几个高兴·2023-12-26 11:05

flexiwan项目踩坑实践（前端篇）

flexiManage服务端框架以及硬件侧的flexiAgent框架，然而其并没有开源前端框架，为了验证其SD-WAN方案的可行性，需要快速搭建一个前端应用项目选型由于探索性质，项目要求能快速搭建，因而放弃了AntDesignPro
维李设论·2023-12-25 16:39

前端学习笔记

vue3、ts(js)、vite、eslint、css(动画、布局)依赖包：vue-router、vue-i18n、store(pinio)、axios、ui组件（elementPlus、Angular、AntDesign
Dream_Kite·2023-12-25 13:23

开源支付系统，助你快速开发支付功能！

Jeepay使用SpringBoot和AntDesignVue开发，集成SpringSecurity实现权限管理功能，是一套非常实用的web开发框架。
码农的屠龙刀·2023-12-24 09:28

AntDesign 去除input 组件type为 number箭头

input[type='number']::-webkit-inner-spin-button,input[type='number']::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}
天涯与晴天·2023-12-24 04:51

React AntDesign form表单文件上传 nodejs formidable 接受参数并把文件放置后端项目相对目录指定文件夹下面

@umijs/max请求方法//上传文件改成form表单exportasyncfunctionuploadFile(data,options){returnrequest(CMMS_UI_HOST+'/api/v1/uploadFile',{method:'POST',data,requestType:'form',...(options||{}),});}前端调用方法注意upload组件上传on
天涯与晴天·2023-12-24 04:50

antdesignpro实现滚动加载分页数据

原理解析：每滚动一次相当于翻页，请求后端时给的页码参数要想办法加1，后端才能根据页码给出相应数据注意后端收到页码参数之后要准确计算出每页的首行数据，关键逻辑代码：#根据前端传的页码，进行计算下一页的起始行号page=(int(params['page'])-1)*10+1sql=f"SELECT*FROMdong_c_di_commentlimit10offset{page}"print(sql)
John.liu_Test·2023-12-24 01:51

在winform blazor hybrid中绘图

1、引入antdesignblazor该应用中用到的所有组件都
mingupup·2023-12-23 12:07

winform中也可以这样做数据展示✨

1、前言在做winform开发的过程中，经常需要做数据展示的功能，之前一直使用的是gridcontrol控件，今天想通过一个示例，跟大家介绍一下如何在winformblazorhybrid中使用antdesignblazor
mingupup·2023-12-23 12:07

vue3+antdesign的输入框(input)添加失去焦点触发事件

首先在ant-design的官网文档没有看到失去焦点事件image.png经过查阅有一个onBlur事件12源码:import{defineComponent,ref,getCurrentInstance,nextTick,onMounted,unref,inject,UnwrapRef,reactive,toRaw,}from'vue';import{CircuitController}from
尘埃里的玄·2023-12-22 21:40

系列文章-基于Vue3创建前端项目并引入、配置常用的库和工具类

UI使用ViewDesignAntDesignVue系列文章（一）基于vite初始化vue3项目并引入VueRouter和AntDesignVue阵前再亮旧时剑，寒光凛凛似当年。
小雅痞·2023-12-21 22:05

基于vite 初始化vue3项目并引入Vue Router和Ant Design Vue

VueRouterAntDesignVue系列文章指路系列文章-基于Vue3创建前端项目并引入、配置常用的库和工具类文章目录创建Vite+Vue项目创建并运行WebStorm无法识别@，需要在vite.config.js
小雅痞·2023-12-21 22:34

antdesignpro组件ProFormSelect实现下拉选项点击最后一个出现一个新的输入框

实现效果：{({getFieldValue})=>getFieldValue('gender')===3&&}
John.liu_Test·2023-12-20 13:17

antdesign mobile 实现点击弹form弹窗

目标效果：代码实现部分：{Modal.show({content:(),closeOnAction:true,showCloseButton:true,actions:[{key:'confirm',text:'确定',primary:true,onClick:async()=>{constparams=form?.getFieldsValue()console.log("paramsaaaaa"
John.liu_Test·2023-12-20 13:17

Ant Design Mobile ——TabBar 标签栏的使用

前言对于AntDesign（移动端）TabBar的使用，一直有bug，百度了很多博客，都没找到解决方法，琢磨了一个小时，写下这篇博客，希望对小白有所帮助，不足之处还请指点一二。
Greenhand_BN·2023-12-20 09:30

react+antd 自定义useTable插件：轻松处理【搜索、排序、表格、分页】持续迭代中~ 开源

数据修改接口返回数据字段、格式结构相同，字段不一致结构不同同时调用多个useTable实例完整示例API入参ObjectObjectKeys自定义配置customConfig出参介绍本插件基于React和AntDesign
__畫戟__·2023-12-19 17:53

测试平台系列(14) 编写类postman页面(3)

我们为了傻瓜一点，就采用antdesignpro封装好的高阶组件(意思是功能齐全
米洛丶·2023-12-19 11:52

【React】手写Antd Select联动效果组件

目录需求思考需求拆分解决需求1.联动select，而不是像Cascader那样【级联选择Cascader-AntDesign】。2.传入对应options生成对应的联动select。
名字太长不好不好·2023-12-18 22:30

antdesignvue a-input-number默认聚焦并选中文本框内容

exportdefault{setup(){constsxInput=ref()onMounted(()=>{nextTick(()=>{sxInput.value.focus()})})constonFocus=e=>{e.target.select()}}}
我是一个框子·2023-12-18 22:30

使用GPT开发食堂采购账单

原始系统中，只有采购量和消耗量，需要添加“余”列，并自动计算的余量具体实现通过查询GPT获得：提问：使用antdesignvue的组件做一个互动表，每行输入a和b两值，计算c=a+b，然后显示a、b、c
梓沂·2023-12-18 18:10

antd4 Select 支持分页加载及搜索

要结合使用select的onPopupScroll和onSearch事件，api详情可以参考选择器Select-AntDesign1.要支持分页，就是在下拉列表滚动到底的时候发起下一次请求，把请求数据push
璐瑶知码li·2023-12-17 22:44

Ant Design 表头居中，内容居中

AntDesign表头居中，内容居中AntDesign表头居中的做法：constcolumns=[{title:'单位名称',dataIndex:'jwqbm',width:'146',align:'center
拈㕦一笑·2023-12-17 13:16

网页界面的阅读确认功能实现

这里使用AntDesign组件简单实现阅读确认功能，需求最先由阅读确认后提交到阅读进度到底后提交，实现了2种方案，实现代码提供如下，以供参考。确认后
CodeDevMaster·2023-12-17 07:36

React Hooks学习指北

正式发布v16.8版本，引入Hooks能力（最新的v18中，还新增了5个HooksAPI）；2019年6月，尤雨溪提出了Vue3CompositionAPI的提案，使Vue3中也能够使用Hooks；诸如AntDesignProV5
piter苏·2023-12-16 16:49

精选8款超级好用的Web前端组件库，助您轻松开发

AntDesignAntdesignUI组件库从蚂蚁企业级中后台产品的交互语言和视觉风格中提炼出来，自带120种数据可视化色板，为Web应用提供65+基
不秃头的UI设计师·2023-12-16 08:44

【AntDesign】Modal模态窗带来的缓存问题

背景:使用antdesignmodal写模态窗,列表点击"编辑"可以打开模态窗,并对里面的文字和图片进行修改问题:每次关闭模态窗后,点击其他数据进行修改,会发现图片这栏有时候有数据,有时候会为空,明明已经传了
代码x手莓莓·2023-12-16 08:32

Message全局提示（antd-design组件库）简单用法

组件代码来自：全局提示Message-AntDesign3.本地验证前的准备参考文章【react项目+antd组件-demo:hello-worldreact项目+antd组件-demo:hello-world_reactdemo-CSDN
西晋的no1·2023-12-16 03:12

JeecgBoot 3.4.0 版本发布，微服务重构版本

前后端分离架构SpringBoot2.x，SpringCloud，AntDesign&Vue，Mybatis-plus，Shiro，JWT支持微服务。强大的代码生成器让前后端代码一键生成!
jeecg博客·2023-12-15 22:09

第十章 React之使用CSS、Sass

我们将从搭建React项目开始，逐步深入讲解最核心的hooks，以及React路由、请求、组件封装以及UI（AntDesign）框架的使用。让我们一起掌握React，开启前端开发的全新篇章！
Etc.End·2023-12-15 21:56

AntDesign组件库

第三方库的使用为了避免连在一起,可以加一个空格原生React中添加class方法.pngVue中添加classvue中添加class是一件非常简单的事情:你可以通过传入一个对象:image.png你也可以传入一个数组:image.png甚至是对象和数组混合使用:image.pngReact中添加classReact在JSX给了我们开发者足够多的灵活性,你可以像编写JavaScript代码一样,通过
JackLeeVip·2023-12-15 20:17
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他