Tag "antd" 相关话题

经验总结

Ant Design RangePicker日期区间组件同时兼容原生和外部按钮控制实现

1

Deshun 发布于 1年前 (2023-07-26) 733℃ 评论(0) 赞 (0)

Ant Design RangePicker日期区间组件同时兼容原生和外部按钮控制实现

Ant Design RangePicker 日期区间组件可以使用 open 属性实现外部按钮控制展开收起。但是使用 open 属性后,就只能通过属性控制展开和收起,失焦收起和聚焦展开等原生的功能就失效了。可不可以既能通过点击 RangePicker 组件展开...

经验总结

ant design Tabs组件数据丢失取不到值的解决方法

Deshun 发布于 1年前 (2023-07-25) 908℃ 评论(0) 赞 (0)

使用Ant Design 的 Tabs 遍历了一个 form ,在多标签的情况下通过 form.getFielddValue() 方法获取到的值不全,只能获取到第一个页签和最后一个页签。翻了下 api ,Tabs.TabPane TabItemType 有一个 forceRender 属性,默认值是 fals...

JavaScript

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

Deshun 发布于 2年前 (2023-03-27) 1046℃ 评论(0) 赞 (0)

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

经验总结

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

2

Deshun 发布于 2年前 (2023-01-30) 1849℃ 评论(0) 赞 (1)

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

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

JavaScript

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

Deshun 发布于 2年前 (2022-09-29) 1286℃ 评论(0) 赞 (4)

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

JavaScript

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

2

Deshun 发布于 3年前 (2022-06-23) 1550℃ 评论(0) 赞 (2)

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

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