antd
cvory
这个作者很懒,什么都没留下…
展开
-
AntDesign Table组件 设置某行样式
属性,那一列classname设置。原创 2023-04-03 18:32:52 · 400 阅读 · 0 评论 -
使用umi脚手架搭建项目后,页签一直显示 ant design Pro,且页面搜索无结果
问题描述使用umi脚手架搭建项目后,页签一直显示 ant design Pro,且页面搜索无结果脚手架安装命令yarn create umi myapp解决方案config文件夹下defaultSettings.js配置中没有配置title属性出现原因在生成页签时,如果未配置title属性,默认显示ant design Pro,这也是为什么全局搜索后无结果。但是如果不想要带页签,可以将设置 title:''...原创 2021-09-03 16:21:06 · 675 阅读 · 1 评论 -
Ant Design Drawer组件出现多滚动条
描述在Drawer抽屉中,内容有video,且内容高度超过可视区域时,出现多滚动条显示如下:解决方案Antd版本升级,我出现问题的版本为 4.12.3现在最新版本为 4.15.0最新版本中 已解决原创 2021-04-08 10:29:33 · 1920 阅读 · 0 评论 -
使用 iconfont.cn自定义图标,设置color无效
需求说明:Antd官网API说明中明确写 可以使用设置color改变颜色,但在实际使用中设置后无效出现原因及解决:当上传至图标库时,要选择去掉颜色并提交,这样才可以用color去控制颜色原创 2021-03-09 10:06:50 · 1562 阅读 · 1 评论 -
Keycloak+React+Umi+Antd 设置权限 显示动态路由 及 页面按钮权限
需求:可配置一级模块,二级页面,页面button权限权限控制,颗粒度到页面的按钮权限大致如下:程序框架:登录是使用的 keyclock前端项目使用的是的 react+umi+antd思路录入所有页面及button在keyclock后台中:集成的keyclock有对应的后台管理页面 所有的一级模块,二级页面,button都要记录在后台里 页面级别储存在resource中button储存在Permissions 中登录后返回当前账号所对应的资源及权限button权限:拿到所原创 2021-01-12 17:47:40 · 2570 阅读 · 2 评论 -
AntD Form组件复杂的动态增减表单项,默认展示一个进行占位
需求:表格有可添加删除项,但是默认要至少填一组使用的组件:antd的form有对应的demo但是demo里面是默认一组都不显示,之前没时间研究,所以直接在初始值那里,默认第一组的赋值为每个参数为" "这样的问题:1.在提交的时候 默认是有值的 直接把" "提交上去了2.当动态删减的表单项比较多的时候,这样处理并不太合理解决方案:直接在这个参数里放{}占位符即可,需要默认展示几个就放几个实测好用...原创 2021-01-12 15:44:31 · 1999 阅读 · 4 评论 -
AntD自定义展开收缩的button 及 自定义展开收缩时对应的logo图片
需求如图:代码:这里用到的是Prolayout组件 logo={collapsed ? logoMini : logo} collapsed={collapsed} collapsedButtonRender={false} headerContentRender={() => { return ( <div onClick={() => setCol原创 2021-01-11 16:13:04 · 2036 阅读 · 0 评论 -
AntdPro 实时消息弹窗,仅弹一个弹窗,且为实时最新的一条
需求如下图:需求描述: 实时消息弹窗,多条消息仅弹一个弹窗,且为最新的一条思路:1.用websocket进行实时推流2.对于前端,因为消息提醒不分页面,所以写在全局,放在layout中3.将当前这条消息的相关信息储存在缓存里或者 global的model中(实时更新头部消息的条数)实现:websocket可以直接在网上查找现成以包装好的js这里只实现 仅弹一个弹窗,且为实时最新的一条功能...原创 2020-12-31 15:20:29 · 1530 阅读 · 0 评论 -
Antd Form InputNumber带后缀 required显示问题(antd高低版本)
处理如下: <FormItem required label="采购时长" > <FormItem name="purchaseDuration" noStyle rules={[{required: true}]} > <InputNumber原创 2020-12-30 16:12:23 · 2535 阅读 · 0 评论 -
Umi + AntDesign Pro 自定义路由图标(阿里矢量图标库)
需求 :菜单栏显示自定义的图标流程:1.在阿里巴巴矢量图官网 建一个自己项目!!!这里的前缀 一定一定要写icon-就是因为这里的配置,所以我之前一直都没弄出来!2.上传完自己的图片后,引用把这里的js路径 配置到basiclayout里3.使用路由的icon,就直接写你在阿里巴巴矢量图里的命名就可以显示了!此方法仅针对prolayout组件!https://prolayout.ant.design/api#api...原创 2020-12-29 09:57:59 · 6482 阅读 · 0 评论 -
EggJS+Antd文件上传排坑汇总
项目技术栈前端:react+umi+antd中间层:Eggjs后端:Java问题汇总文件无法上传eggJs获取form-data请求的参数(带文件上传的请求)使用file模式和stream模式的文件上传1.文件无法上传报错:missing csrf token,request forgery跨站请求伪造原因:官网做的一种安全防控解决方案有两种:在bff的config中把csrf关闭 config.multipart = { mode: 'file' };原创 2020-10-19 18:33:05 · 597 阅读 · 0 评论 -
EggJs作为中间层搭配React开发文件导出功能(基础文件导出,ArrayBuffer二进制文件对象的导出, Blob二进制文件对象的导出)
基础导出功能的实现.then(res=>{ const { url } = res // 从请求中得到文件的路径 const a = document.createElement('a'); a.href = url; const fileName = "test"; a.download = decodeURIComponent(fileName); a.click();})返回Blob二进制文件对象的 导出功能实现如果后台返回的不是路径而是bl原创 2020-10-19 16:52:12 · 702 阅读 · 0 评论 -
AntdPro+react 动态路由
需求:根据不同权限显示不同的菜单每个角色的菜单,是可前端页面进行配置的(可变的)思路:将所有路由的name给到后台后台根据token返回对应的name数组前端拿到数组后,遍历现有的route,留下符合条件的路由Code:拿到token后,请求对应路由,将拿到的路由,不管是几层内部结构,解构成平铺一层的数组比如:[ a:[ b:**, c:** ]]把name拿出来全部解构成一层:[a,b,c]遍历筛选:返回新的路由后 存在model里model原创 2020-09-14 16:04:56 · 2254 阅读 · 0 评论 -
AntdV4日历控件Calendar日期选择触发机制bug
描述:切换日历控件的日期时,会触发选中日期事件V3不存在这个问题V4新有的相当于 onchange和onselect会同时触发因为业务上,选中事件会触发请求,在页面会有些显示,所以有些影响效果:解决思路:弄清触发机制使用select选择年月 会调用绑定的onChange方法本来想在这里加个字段做甄别,但是组件包装一层后,只会传一个参数过来,拿不到第二个参数代码中写了两个参数:源码中只会拿一个参数:并且如果绑定了onselect会触发onselect找到触发顺序选原创 2020-08-26 16:55:35 · 2455 阅读 · 2 评论 -
Ant Design Pro4.0+Umi3.0 升级整理
前言Ant Design Pro这次升V4,升了一个大版本搭配的Umi也升了一个大版本从V2升至V3所以这次将手上的项目整体都升级了一下升级整理:Layout整体要替换form从Form.creat()变成useForm()检验:icon不再从antd里引用Dva揉进了umi,以前从dva引用的模块,现在都从umi中引用用history替代routerequest集成在umi里想对request进行自定义处理官网有提供对应的api官网地址:https:原创 2020-08-12 16:43:25 · 2142 阅读 · 0 评论 -
【Antd4.x Form问题】[antd: Form.Item] `children` is array of render props cannot have `name`.
问题如图:代码如下:表现:默认值无法赋值上去解决方案:原理:Form.Item一定要直接包裹Input 里面如果有其他元素,就重新包裹一层官方说明:https://ant.design/components/form-cn/#components-form-demo-complex-form-control...原创 2020-06-17 14:52:29 · 24730 阅读 · 1 评论 -
antDesign v4之Pro-Table实用细节
先上ProTable 的文档官网:https://protable.ant.design/api最近在antd升到v4版本,发现了这个组件高使用率但是文档不够齐全(或许是我没仔细看) 有些隐藏技能需要看源码用熟练了 真的很好用问题目录:(文章较长 有需要的入)1.默认值2.默认PageSize3.current更新4.Protable生成查询表单…<1>配置不显示:…<2> 查询时是Select,表头不显示筛选5.Protable生成新建/更新表单…<原创 2020-05-18 15:23:07 · 12625 阅读 · 23 评论 -
antd Input和InputNumber的细节
InputNumber 提示’xxx is not string’代码如下: {getFieldDecorator('feeRate', { initialValue: (feeRate * 100).toFixed(1), rules: [ { required...原创 2020-03-24 17:56:20 · 10124 阅读 · 1 评论