Tag "antd" 相关话题

经验总结

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

2

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

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

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

JavaScript

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

Deshun 发布于 6个月前 (09-29) 329℃ 评论(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) 450℃ 评论(0) 赞 (1)

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

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

经验总结

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

Deshun 发布于 1年前 (2022-02-22) 1603℃ 评论(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) 1565℃ 评论(0) 赞 (0)

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

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

经验总结

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

1

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

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

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

经验总结

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

1

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

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

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

经验总结

umi项目antd pro ProLayout添加base或开启hash时菜单不能正常选中的解决方法

Deshun 发布于 1年前 (2021-11-03) 911℃ 评论(1) 赞 (1)

umi 项目使用 Ant Design Pro ProLayout 组件在添加 base 或开启 hash 时菜单不能正常选中。解决方法:传入 location 即可:const IndexPage: React.FC<BasicLayoutProps> = (props) => {  &...