Tag "Umi" 相关话题

经验总结

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

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

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

经验总结

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

1

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

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

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

经验总结

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

1

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

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

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

经验总结

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

1

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

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

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

经验总结

浏览器history模式及Umi history的使用

Deshun 发布于 11个月前 (11-14) 1696℃ 评论(0) 赞 (2)

history API 是 H5 提供的新特性,允许开发者直接更改前端路由,即更新浏览器 URL 地址而不重新发起请求。它提供了丰富的函数供开发者调用:push :向 history 栈里添加一条新记录,用户点击浏览器的回退按钮可以回到之前的路径;go:在 history 记录中向前或者后退多少步,参数是一个整数,可为正数可为负数;goBack:返回上一页;forward():前进;replace...

经验总结

Umi&React打包部署项目刷新报404错误的几种解决方法

Deshun 发布于 1年前 (2021-09-08) 1556℃ 评论(0) 赞 (2)

Umi 打包部署到服务器,刷新页面会报 404 错误,这个问题一般是服务端来处理的,比如 Nginx 代理重定向。Umi 官方也提供了解决方法,下面一一介绍一下。1、改用 hashHistory在配置文件 .umirc.js 中增加一行配置:history: { type: 'hash' },修改后路由中会由 w...

经验总结

Umi&React打包部署到非根目录及刷新报错404的问题解决

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

在开发中可能一个项目包含多个子项目,如前端项目和后台管理的项目放在同一个服务器目录中。前端项目地址是 www.w3h5.com ,后台管理项目地址是 www.w3h5.com/admin 。这样会遇到一个问题,本地开发是好的,部署后就没反应了,页面无法正常打开,而且没有报错?没有报错! 这是应用部署在非根路径的典型现象。为啥会有这个问题?因为路由没有匹配上,比如你把应用部署在 /xxx/ 下,然后...

经验总结

Umi&React动态修改title标题

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

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

经验总结

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

1

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

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

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