
antd
文章平均质量分 64
Abin0406
这个作者很懒,什么都没留下…
展开
-
antd可伸缩列实现优化
问题描述:为了向用户展示更丰富的数据,更多的内容,需在展示的列表页中设置列宽可随意拖动。antd官网提供了列宽可拖动的示例,经测试原示例并不好用,且使用有限制,列宽拖拽响应很慢,拖动时会造成其它列宽比较大的变化,针对内容较多的列并不能做到随着列宽的变化,内容也相应增减。antd现可伸缩列问题展示1. antd官网示例,当列宽拖动到比内容小时,内容将会出现换行,将行高度撑开2....原创 2019-11-20 15:19:02 · 7351 阅读 · 1 评论 -
antd中点击按钮实现路由
最近在基于antd pro 2.0实现前端开发,遇到需要从页面A点击按钮跳转到页面B,并且需要将页面A中的某些属性值一起传递给B页面使用。在网上查了好久,自己也尝试了很多方式,总结出以下两种方式可行,两种方式均借助于umi实现。注: 两种方式实现的路由,必须将路由链接添加到antd组件config/router.config.js中,如下示:export default [ { ...原创 2018-12-13 10:21:51 · 6689 阅读 · 0 评论 -
Jenkins自动构建(CI/DI)项目(二)
因项目是前后端完全分离,因此使用Jenkins构建项目将分为两篇来写,本篇为使用Jenkins自动构建前端项目(antd pro 2.0),并自动打包发布,具体操作如下:因前4步与上一篇《Jenkins自动构建(CI/DI)项目(一)》相同,仅需要更改前端的git地址等信息,为了节约时间,在这里不再重复叙述,仅对第五步差异做叙述,不需要第六步。5. 编写执行shell脚本,install前...原创 2019-03-26 17:56:07 · 1000 阅读 · 0 评论 -
React、Antd项目支持IE11
最近项目中使用Antd Pro开发项目,前端开发完成后,发现整个项目在Chrome在现实正常,在IE11中浏览时,页面直接刷白,console中报umi.js错误,一时很困惑,对整个项目做了次install也没有用。在网上找了好久,也尝试了很多次,最后找到根源所在,现将解决方案共享给大家1. 升级UMI框架,package.json配置可参考官网说明,或者参考如下配置:2.升级 con...原创 2019-08-05 20:48:58 · 2728 阅读 · 0 评论 -
基于antd的Menu组件实现菜单查询
最近因项目需要对antd开发的项目实现菜单可筛选的功能,根据输入值,模糊查询所匹配的菜单并显示,因项目对国际化有要求,但项目中所有国际化资源文件均是以文件的形式提供,数据库仅存有国际化的key值,因此只能在前端对国际化后的菜单集合做的菜单做过滤,使用递归方式实现,需求描述如下。1. 找出所有非叶子节点匹配的菜单项,将其子、子子节点直接显示2. 找出所有叶子节点匹配项,将其父、祖父等祖籍节点直...原创 2019-08-13 17:15:00 · 2958 阅读 · 0 评论 -
Antd项目模态框遮罩层调整
问题描述: 因项目需要,将平台与应用模块分开开发、应用模块前端展示均需嵌入基础平台,使得前端入口、界面样式等达到统一。但因各模块开发均适用antd框架,应用模块前端布局适用ARE平台BasicLayout布局,导致应用模块中弹出模态框遮罩层与平台弹出模态框遮罩层不一致,如图所示:平台弹框,全屏遮罩,菜单和页签均不能操作:应用模块弹出框,仅遮罩右侧可视区域,菜单和页签切换不...原创 2019-08-22 16:19:35 · 10153 阅读 · 4 评论