Tag "ProLayout" 相关话题

JavaScript

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

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

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

经验总结

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

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

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

JavaScript

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

1

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

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

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

经验总结

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

1

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

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

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

经验总结

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

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

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

经验总结

Umi&React动态修改title标题

Deshun 发布于 3年前 (2021-07-07) 3031℃ 评论(0) 赞 (1)

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

经验总结

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

1

Deshun 发布于 3年前 (2021-07-06) 4181℃ 评论(0) 赞 (2)

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

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