Tag "antd" 相关话题

JavaScript

Ant Design的DatePicker日期组件不可选日期实现,让New Bing优化代码太棒了

Deshun 发布于 2天前 22℃ 评论(0) 赞 (0)

antd(Ant Design)是一个基于 React 的UI组件库,它提供了丰富的组件和设计规范,可以帮助开发者快速构建高质量的前端应用。DatePicker 是 antd 的日期选择器组件,支持弹出的日历面板,点击选择或输入日期。DatePicker 还支持设置不可选日期,即禁止用户选择某些特定的日期,比如限制用户只能选择有效期内的日期,或者只能选择未来或过去的日期等。本文将介绍如何...

经验总结

And Design5 360安全浏览器样式错乱问题解决

2

Deshun 发布于 2个月前 (01-30) 344℃ 评论(0) 赞 (0)

And Design5 360安全浏览器样式错乱问题解决

在项目开发中,客户反映页面样式错乱问题,经查是 360安全浏览器,使用了较老的 Chrome 内核所致。antd5 使用了很多比较新的 CSS 选择器,而 Chrome 内核 87 以下不支持很多现代 CSS Selector。导致了项目中的样式错乱...

JavaScript

ant design ProLayout出现两个重复header的问题解决

Deshun 发布于 6个月前 (09-29) 341℃ 评论(0) 赞 (4)

umi 项目 使用的是 ant design pro 的 layout 布局,发现页面有点不对劲,检查元素发现渲染出来两套 header 标签。问题原因:在 umi 的 config 配置中有 layout 配置,又在 src/layouts/index.tsx 中使用了 <ProLayout /> ,造成了重复引用。解决方法:将 umi 配置的 layout 配置项删除即可...

JavaScript

antd Select 选择器组件响应式多选实现

2

Deshun 发布于 9个月前 (06-23) 465℃ 评论(0) 赞 (1)

antd Select 选择器组件响应式多选实现

要实现一个功能,选择汇总时自动取消中心,选则中心,自动取消汇总,中心是可以多选的。因为要兼容深色皮肤,考虑使用在 antd 的 Select 二开过的组件。现在的问题是,选择框的宽度直接窄,多选时不能优雅的显示 tags 。解决方法:Select 组件有一个 maxTa...

经验总结

Umi动态修改路由跳转redirect配置

Deshun 发布于 1年前 (2022-02-22) 1645℃ 评论(0) 赞 (1)

Umi 的路由跳转可以在配置文件中配置,但如果需要跳转的 path 路径不固定,就比较麻烦了。还在 Umi 提供了运行时配置,可以通过 patchRoutes 方法在运行时对路由进行修改。比如我要修改 redirect 为第一个有效的路由 path 。在 app.tsx 中增加下面代码:export function patchRoutes({&n...

经验总结

Umi & Ant Design Table组件expandable展开功能踩坑记录

1

Deshun 发布于 1年前 (2021-12-14) 1612℃ 评论(0) 赞 (0)

Umi & Ant Design Table组件expandable展开功能踩坑记录

React 的 Ant Design 的 Table 表格组件有一个 expandable 属性,是展开功能的配置。其中有一个属性 expandedRowClassName ,官方的说明是展开的行,控制属性。但是我加了之后,怎么都渲染不出来。expa...

经验总结

Umi & Ant Design 的Table组件合并单元格及去掉某一列的竖线实现

1

Deshun 发布于 1年前 (2021-12-08) 863℃ 评论(0) 赞 (0)

Umi & Ant Design 的Table组件合并单元格及去掉某一列的竖线实现

今天接到一个需求,表格要改成这种的:环比分为两列,表头居中对齐,下面单元格右对齐,而且中间的线要去掉。这样就需要用到合并单元格,然后通过样式把边线去掉,这里的根据数值设置字体颜色可以用 render 属性,可以参考:React & Ant Design Tabl...

经验总结

React & Ant Design Table组件自定义单元格文字颜色

1

Deshun 发布于 1年前 (2021-11-18) 1260℃ 评论(0) 赞 (0)

React & Ant Design Table组件自定义单元格文字颜色

Ant Design 自定义列的单元格字体颜色,一般财会项目可能用的的比较多。利用 columns 的 render 属性,可以 return 一个 <span /> 标签,并设置 style ,代码如下:const columns&nb...