![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Antd
文章平均质量分 78
草率小猿
这个作者很懒,什么都没留下…
展开
-
antd Modal组件拖动功能的一种实现方式
对于一些弹窗组件,其中一个比较高的使用场景是拖拽功能。然而如antd的Modal组件、element ui 的Dialog组件等等其他UI,自带的弹窗却原生不支持拖拽功能,却是一大遗憾。下面给出一种基于draggable组件来实现拖拽效果的一种实现方法。原创 2022-12-20 09:56:55 · 2415 阅读 · 0 评论 -
React + Router + Antd实现多标签页功能(具体代码实现)
有不少人私信咨询关于前面一片文章《React + Router + Antd实现多标签页功能》的具体代码。现在将代码公布一下。原创 2022-11-08 16:59:56 · 1346 阅读 · 0 评论 -
Antd Modal组件全屏的几种实现方式
接触React + Ant Design开发也有一段时间了,也已经慢慢习惯了React + Ant Design。最近开发的需求功能里,需要一个全屏弹窗的功能,类似于ElementUI里的Dialog组件fullscreen属性设置为true的效果。然后发现Ant Design的Modal组件并不支持全屏效果。原创 2022-05-30 09:55:17 · 14249 阅读 · 4 评论 -
Antd Table组件拖动调整列宽的一种实现
借助于React-Resizable,实现Antd Table组件拖动调整列宽效果原创 2022-03-28 09:17:55 · 7066 阅读 · 0 评论 -
Antd Table组件列宽的一些疑惑
前些年参与的几个项目,前端部分主要采用Vue+ElementUI进行开发。最近参与的项目,前端部分转向了React+Antd,其中关于Antd的一些疑惑着实不少。原创 2022-03-14 09:34:36 · 2545 阅读 · 0 评论 -
React + Antd实现动态切换主题功能之二(默认主题与暗黑色主题切换)
在前一篇文章中初步的讲解了通过ConfigProvider全局化配置prefixCls的方式来动态切换部分主题样式配置,文章中只是通过修改部分颜色(如primary颜色)来初步展示了效果,可能效果不甚理想。对于实际项目开发中,其中有一类需求比较多的就是动态切换默认(亮色)主题与暗黑色主题,在ant-design官网有一个官方的demo可以参考。原创 2021-12-22 08:45:50 · 9872 阅读 · 15 评论 -
React + Antd实现动态切换主题功能
最近去ant design官网查阅资料,发现ant design最新版本已经更新到了4.17.x,于是比较粗略的看了一下最近几个4.17.x版本的更新日志,发现4.17.0版本更新了大量内容(点击查看4.17.0版本更新日志),在这其中比较吸引我注意点一点是实现了动态主题的功能。不过点看动态主题的文档,却标明着是实验性的功能,真是一个大写的囧。。。原创 2021-12-07 10:07:17 · 3964 阅读 · 5 评论 -
Ant-Design Table组件实现自定义空数据状态样式
写在前面几乎在所有的前端UI中,Table组件都有着不可或缺的作用,Table组件对于数据展示,有着天然的优势。Ant-Design官网上,对于Table组件,有着非常详细的API和Demo,比如自带可编辑单元格、可编辑行功能,是其他部分UI中所没有的。但是对于Table组件数据为空时的渲染样式,却没有直接的文档说明。本人之前从事Vue+ElementUI进行开发,ElementUI中Table组件,可以直接通过empty-text属性,或者slot="empty"进行配置。效果如下图:Config原创 2021-11-02 10:18:30 · 10041 阅读 · 2 评论 -
React + Router + Antd实现多标签页功能
最近在学习React,并且开发一个类似于后台管理功能的前端项目,UI用的是阿里的ant design。在后台管理的项目中,其中一个比较实用的功能是多标签的模式,即点击不同菜单可以打开多个不同的Tab,并且点击Tab可以切换不同的页面内容。在传统的jsp开发的年代,比较流行的一种多标签页的实现方式是用 iframe 实现多标签功能,不过由于iframe有着性能以及兼容性问题,不过由于性能以及兼容性等问题,网页上嵌套iframe的用法逐渐被抛弃。...原创 2021-07-26 11:36:19 · 6415 阅读 · 2 评论