Deshun 发布于 2天前 22℃ 评论(0) 赞 (0)
antd（Ant Design）是一个基于 React 的UI组件库，它提供了丰富的组件和设计规范，可以帮助开发者快速构建高质量的前端应用。DatePicker 是 antd 的日期选择器组件，支持弹出的日历面板，点击选择或输入日期。DatePicker 还支持设置不可选日期，即禁止用户选择某些特定的日期，比如限制用户只能选择有效期内的日期，或者只能选择未来或过去的日期等。本文将介绍如何...
Deshun 发布于 2个月前 (01-30) 344℃ 评论(0) 赞 (0)
在项目开发中，客户反映页面样式错乱问题，经查是 360安全浏览器，使用了较老的 Chrome 内核所致。antd5 使用了很多比较新的 CSS 选择器，而 Chrome 内核 87 以下不支持很多现代 CSS Selector。导致了项目中的样式错乱...
Deshun 发布于 4个月前 (11-18) 322℃ 评论(0) 赞 (1)
Ant Design Form 组件的 onFinish 方法无法获取 Checkbox 多选和 Radio 单选的值，代码：<Form.Item label="类型" name="allDay...
Deshun 发布于 5个月前 (11-14) 462℃ 评论(0) 赞 (1)
Ant Design Pro项目请求接口时报错：Hi there! Please enable Javascript in your browser to use Ant Design,...
Deshun 发布于 6个月前 (09-29) 341℃ 评论(0) 赞 (4)
umi 项目 使用的是 ant design pro 的 layout 布局，发现页面有点不对劲，检查元素发现渲染出来两套 header 标签。问题原因：在 umi 的 config 配置中有 layout 配置，又在 src/layouts/index.tsx 中使用了 <ProLayout /> ，造成了重复引用。解决方法：将 umi 配置的 layout 配置项删除即可...
Deshun 发布于 9个月前 (06-23) 465℃ 评论(0) 赞 (1)
要实现一个功能，选择汇总时自动取消中心，选则中心，自动取消汇总，中心是可以多选的。因为要兼容深色皮肤，考虑使用在 antd 的 Select 二开过的组件。现在的问题是，选择框的宽度直接窄，多选时不能优雅的显示 tags 。解决方法：Select 组件有一个 maxTa...
Deshun 发布于 1年前 (2022-02-22) 1645℃ 评论(0) 赞 (1)
Umi 的路由跳转可以在配置文件中配置，但如果需要跳转的 path 路径不固定，就比较麻烦了。还在 Umi 提供了运行时配置，可以通过 patchRoutes 方法在运行时对路由进行修改。比如我要修改 redirect 为第一个有效的路由 path 。在 app.tsx 中增加下面代码：export function patchRoutes({&n...
Deshun 发布于 1年前 (2021-12-14) 1612℃ 评论(0) 赞 (0)
React 的 Ant Design 的 Table 表格组件有一个 expandable 属性，是展开功能的配置。其中有一个属性 expandedRowClassName ，官方的说明是展开的行，控制属性。但是我加了之后，怎么都渲染不出来。expa...
Deshun 发布于 1年前 (2021-12-08) 863℃ 评论(0) 赞 (0)
今天接到一个需求，表格要改成这种的：环比分为两列，表头居中对齐，下面单元格右对齐，而且中间的线要去掉。这样就需要用到合并单元格，然后通过样式把边线去掉，这里的根据数值设置字体颜色可以用 render 属性，可以参考：React & Ant Design Tabl...
Deshun 发布于 1年前 (2021-11-18) 1260℃ 评论(0) 赞 (0)
Ant Design 自定义列的单元格字体颜色，一般财会项目可能用的的比较多。利用 columns 的 render 属性，可以 return 一个 <span /> 标签，并设置 style ，代码如下：const columns&nb...
w3h5-Web前端开发资源网