Tag "antd" 相关话题

经验总结

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

2

Deshun 发布于 5天前 18℃ 评论(0) 赞 (0)

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

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

经验总结

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

Deshun 发布于 4个月前 (02-22) 658℃ 评论(0) 赞 (1)

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

经验总结

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

1

Deshun 发布于 7个月前 (12-14) 790℃ 评论(0) 赞 (0)

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

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

经验总结

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

1

Deshun 发布于 7个月前 (12-08) 494℃ 评论(0) 赞 (0)

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

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

经验总结

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

1

Deshun 发布于 7个月前 (11-18) 461℃ 评论(0) 赞 (0)

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

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

经验总结

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

Deshun 发布于 8个月前 (11-03) 574℃ 评论(1) 赞 (1)

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

经验总结

Umi&React动态修改title标题

Deshun 发布于 12个月前 (07-07) 1633℃ 评论(0) 赞 (1)

接上文:Uni&antd的ProLayout布局动态菜单实现及踩坑记录在调整好菜单后,又发现一个问题,打开页面不显示标题,点击菜单的时候才会正常显示标题,再次点击当前菜单,标题又变的不太对了。首次打开不显示标题因为 umirc.ts 配置文件的 route 没有配置 title 配置后显示标题了:routes: [   {   &nbs...

经验总结

Uni&antd的ProLayout布局动态菜单实现及踩坑记录

1

Deshun 发布于 12个月前 (07-06) 2004℃ 评论(0) 赞 (1)

Uni&antd的ProLayout布局动态菜单实现及踩坑记录

ProLayout 高级布局是 Ant Design Pro 中的一个组件,可以提供一个标准又不失灵活的中后台标准布局,同时提供一键切换布局形态,自动生成菜单等功能。页面中需要承载内容时,可以使用 ProLayout 来减少布局成本。项目使用 Umi 开发,Umi 是集成了 An...

经验总结

封装一个图片文件对象转Base64的方法

Deshun 发布于 1年前 (2021-05-27) 766℃ 评论(0) 赞 (0)

常用的 UI 组件库如 Ant Design 、 Element UI 等都会有的 Upload 组件,支持 change 等事件,但是事件返回的是文件对象,如果需要本地实时预览,就需要转换成 Base64 格式。可以封装一个方法,方便以后的使用。@/utils/getBase64.js/**  * Create by Deshun  *&nb...