技术栈
antd
优雅的大白鹅
4 个月前
前端
·
javascript
·
react.js
·
antd
复杂的编辑表格
需求描述表格可以整体编辑;也可以单行弹框编辑;且整体编辑的时候,依然可以单行编辑 编辑只能给某一列(这里是参数运行值)修改,且根据数据内容的参数范围来判断展示不同的形式:input/数字输入/单选/多选 依据判断的参数范围内容:正则:xxx / 数字范围:[1,99] / 单选:[0,1] / 多选:[‘a’,‘b’,‘cc’]
Evisu47(常安欧阳)
4 个月前
react
·
antd
Antd-React-TreeSelect前端搜索过滤
在开发过程中,但是antd中的搜索会把多余的也会带出来 就例如下图,我们本想去搜索1但是他会把其子节点都带出来,其实我们的本意是像搜2一样或者当中间隔层处理 但是我们该如何解决这样的问题呢如何做到下面两种情况 (1)搜索过滤掉不匹配的内容只留下匹配的内容 这是没有搜索之前 这是搜索之后,当我们去搜索5的时候我们就会直接把213过滤掉 (2)搜索中当子节点不是搜索内容但是孙节点和祖孙节点中存在要搜索的内容要把该子节点进行保留 这是没有搜索之前 这是搜索之后,我们要保留的结果 那么主要方法如下,antd-tr
Yjing景
8 个月前
react
·
antd
react17 + antd4 如何实现Card组件与左侧内容对齐并撑满高度
在使用antd进行页面布局时,经常会遇到需要将内容区域进行左右分栏,并在右侧区域内放置一个或多个Card组件的情况。然而,有时我们会发现右侧的Card组件并不能与左侧的栏目对齐,尤其是当左侧栏目高度动态变化时。本文将介绍如何使用antd的Grid布局和CSS样式来实现Card组件与左侧内容对齐,并撑满剩余高度。
初遇你时动了情
8 个月前
前端
·
react.js
·
scss
·
antd
vite+react+ts+scss 创建项目
WC 通过利用 Rust 编写的编译器,使用了更先进的优化技术,使得它在处理 TypeScript 代码时能够更快地进行转换和编译。特别是在大型项目中,SWC 相对于传统的 TypeScript 编译器有着更快的性能,特别是在启动项目和进行热模块更新时。
一颗不甘坠落的流星
9 个月前
前端
·
react
·
datepicker
·
antd
【Antd】给 DatePicker 设置快捷时间选项
mytac
10 个月前
react.js
·
react
·
antd
【React】如何使antd禁用状态的表单输入组件响应点击事件?
最近遇到一个需求,需要在<Input.textarea>组件中,设置属性disabled为true,使textarea响应点击事件,但直接绑定onClick并不会在禁用状态下被响应。
lucky.麒麟
1 年前
ts
·
xxl-job
·
antd
·
reacthooks
用React给XXL-JOB开发一个新皮肤(四):实现用户管理模块
上一篇文章我们实现登录页面和管理页面的 Layout 骨架,并对接登录和登出接口。这篇文章我们将实现用户管理的模块和相应的接口。最后效果如下:
T3165919332
1 年前
前端
·
antd
后端传递的图标是字符串形式的 Ant Design 图标组件怎么避免被解析为普通文本
后端传递导航,数据格式带了icon。如下不做处理渲染的话结果如下导入需要的antd组件,在拿到后端数据后把原本的icon字符串替换为antd对应的icon组件
lucky.麒麟
1 年前
ts
·
xxl-job
·
react hooks
·
antd
用React给XXL-JOB开发一个新皮肤(三):实现登录页和Layout骨架
上一篇文章我们介绍了项目的目录规划、修改vite 配置并且创建了项目的路由信息。此篇文章我们会先实现登录页面和管理页面的 Layout 骨架。
lucky.麒麟
1 年前
ts
·
xxl-job
·
react hooks
·
antd
用React给XXL-JOB开发一个新皮肤(二):目录规划和路由初始化
上一篇文章我们介绍了项目初始化,此篇文章我们会先介绍下当前项目的目录规划,接着对vite 配置以便我们后续的开发,最后会根据 xxl-job 的页面创建我们项目的页面并配置路由信息。
草率小猿
1 年前
前端
·
react
·
antd
React使用动态标签名称
最近在一项目里(React + antd)遇到一个需求,某项基础信息里有个图标配置(图标用的是antd的Icon组件),该项基础信息的图标信息修改后,存于后台数据库,后台数据库里存的是antd Icon组件的图标Tag名称,如AreaChartOutlined 、PieChartOutlined 、BarChartOutlined 等,另外在展示页面,需要根据该项信息的Tag名称,显示对应的antd图标。
Prosper Lee
1 年前
开发语言
·
前端
·
react
·
antd
前端基础(三十七):属性结构数据进行关键字筛选
six66667
1 年前
前端
·
react.js
·
select
·
antd
react antd下拉选择框选项内容换行
下拉框选项字太多,默认样式是超出就省略号,需求要换行全展示,选完在选择框里还是要省略的.less:html部分: