一个令人苦笑不得的bug（关于弹框布局）

小皓再向前

已于 2022-12-27 22:03:06 修改

阅读量201

点赞数

文章标签： bug 前端 css

于 2022-11-07 11:01:19 首次发布

本文链接：https://blog.csdn.net/weixin_44693690/article/details/127726900

版权

import { ModalForm } from '@ant-design/pro-components';
import { ModalForm } from '@ant-design/pro-form';

从antd中引入ModalForm（width:md）

从antd pro中引入ModalForm （colProps: md）

ModalForm在antd 和 antdpro 中样式并不相同

上面这张图是antd中ModalForm的样式，下面这张图是antd pro中ModalForm的样式

优惠劵

小皓再向前

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
一个令人苦笑不得的bug（关于弹框布局）

一个关于ModalForm引入的bug
复制链接

扫一扫

从antdPro的SchemaForm学习组件封装思路及一些使用经验分享

weixin_44545357的博客

07-30

1282

最近开发一个全新的项目，由于项目时间比较紧张，选用了开箱即用的来开发表单，引发了一些小小思考，在此记录一下📝～

antd pro 表单联动方法

总结，交流，记录，成长

07-04

2696

antd ProFormSelect表单联动官方文档比较难找，我简单整理一下，以官网为准使用 ProFormDependency 使用dependencies

参与评论您还未登录，请先登录后发表或查看评论

获取屏幕和布局的高宽度

iwindshadow的专栏

01-21

1299

由于Android程序的运行机制决定了无法再组件类外部使用getWidth和getHeight方法获得高度和宽度(在自定义组件类中可以实现)，必须使用View.getMeasuredWidth和View.getMeasureHeight方法获得当前组件的宽度和高度，在调用这两个方法之前，必须调用View.measure方法先测量组件宽度和高度。如果想直接获取在布局文件中定义的组件的宽度和高度，

Web前端105天-day14-BOOT

qq_52810836的博客

11-15

280

Web前端105天-day14-boot第二天

解决多选框在Antd布局中出现的问题

qq_33407246的博客

08-17

684

1、问题提出最初设想使用COL和Row进行布局，其中有一个多选框然后出现了错位。将多选框修改为单选框后恢复正常 2、问题分析考虑是某个控件的高度发生了变化，经过调试发现mutiple的样式有变化（上边框多了0.02px）导致左侧空白 3、问题解决重写css样式 /*这样会改变所有多选框样式若要修改单个在前面加上其他样式修饰符*/ .ant-select-selection{ border-top-width:...

boostrap中lg,md,sm,xs分别对应的像素宽度

weixin_30311605的博客

09-21

927

col-xs- 超小屏幕手机 (<768px)col-sm- 小屏幕平板 (≥768px)col-md- 中等屏幕桌面显示器 (≥992px)col-lg- 大屏幕大桌面显示器 (≥1200px) 分别对应屏幕宽度来控制触发相应的类转载于:https://www.cnblogs.com/sticktong/p/7570838.html...

布局的时候什么时候用xs,sm,md,lg?

04-02

3万+

参考知乎等网上资料，整理的！当你想要内容大小随着屏幕大小自动适应的时候就可以使用bootstrap，也就是在pc端以及不同手机（显示屏大小不同）端内容也能够正常显示的时候。一行最多占十二个标签，不管是大屏还是超小屏的时候。col-lg一般用于大屏设备，(min-width:1200px);col-md一般用于中屏设备，(min-width：992px);col-sm一般用于小屏设备，(min-wi...

关于c语言的一个小bug详解

09-05

以下是对c语言中的一个小bug进行了详细的分析介绍。需要的朋友可以过来参考下

ie 处理 gif动画的onload 事件的一个 bug

10-30

ie 处理 gif动画的onload 事件的一个 bug

Bugzilla一个易用、高效的bug跟踪工具

02-20

问任何一个开发人员，他都会告诉你bug跟踪对于已经开发的应用程序有多重要。所以bug跟踪工具对于所有的应用程序都是非常重要的。开发者可以免费下载Bugzilla，他们需要一个易用、高效的bug跟踪工具，现在有很多...

当有人向我反馈了一个bug之后

03-23

有人向你反馈了一个bug。“26楼会议室的灯亮着。它需要被熄灭。”bug的备注里写道“你应该能在5分钟内搞定，只要按一下开关就好了。“你去了26楼的会议室。灯的确亮着，但房　 //我是一个前端开发者，但我想这个...

关于javascript event flow 的一个bug详解

10-26

描述了firefox，safari 有一个bug和DOM 3 规范不一致：在event.currentTarget等于event.target的时候（即event flow处于target phase时），会调用添加到currentTarget上的useCapture为true的listener

css----栅格布局的四种大小xs，sm，md，lg详解

weixin_38501752的博客

05-14

7003

当你想要内容大小随着屏幕大小自动适应的时候就可以使用也就是在pc端以及不同手机（显示屏大小不同）端内容也能够正常显示的时候；一行最多占十二个标签，不管是大屏还是超小屏的时候. lg=* 一般用于大屏设备（min-width：1200px） md=* 一般用于中屏设备（min-width：992px） sm=* 一般用于小屏设备（min-width：768px） xs =*用于超小型设备（max-width：768px） (*为1-12数字) 后面跟数字是几，也就是占几份。比如是4，也就是一行可以显

AntD并写modal和switch遇到的bug

allhiluluxiu的博客

07-01

1001

React开发AntD遇到的bug switch和modal连写，无法添加less 笔者在开发大项目时候用了React+AntD1.x版本+less，遇到一个bug，1.x官网上的例子switch和Modal在html上是并列结构，switch的开关控制modal的显示和隐藏。由于开发任务的划分,我需要做一个switch操作modal的组件，我直接沿用官网的文档，在html结构上switch...

antd与antd的ProComponents不易察觉的用法

weixin_43852916的博客

06-26

3631

去掉Antd表单input的右侧查看图标（之类的）可在当前input 内加 allowClear={false}

Ant Design Pro(5)-7.高级表格ProTable

AG.『Feng』的博客

11-16

8478

Ant Design Pro(5)-7.高级表格ProTable的使用

打开浏览器访问网址

隔壁老王滴滴滴滴

04-04

1万+

DATA:v_url TYPE so_text255. CALL FUNCTION 'CALL_INTERNET_ADRESS' EXPORTING pi_adress = v_url* PI_TECHKEY = EXCEPTIONS no_input_data = 1 OTHERS ...

“相关推荐”对你有帮助么？

非常没帮助
没帮助
一般
有帮助
非常有帮助

提交