随笔分类 -  Antdesign

Antdesign UI组件使用记录
摘要:需求截图: 截图说明:上半部分为antd的手风琴效果,内容为视频漏录的时间段;下半部分为条形时间段(css实现) 下半部分视频漏录时间长条实现思路: 漏录条和底部时间分别为两个div 漏录条div ① div1: 宽度为100%,背景颜色:灰色 ② div2: 漏录时间片段,背景颜色:红色 ③ 漏录 阅读全文
posted @ 2022-07-12 17:15 Freakzzz 阅读(55) 评论(0) 推荐(0) 编辑
摘要:问题描述: 表格数据为分页查询获取,在第一页勾选数据后,切换到第二页再勾选数据,会导致第一页中勾选的数据丢失。 解决方案代码: const [selectedRowKeys, setSelectedRowKeys] = useState<any>([]); const rowSelection = 阅读全文
posted @ 2022-06-14 09:38 Freakzzz 阅读(1050) 评论(0) 推荐(0) 编辑
摘要:列表滚动时,请求接口加载新的数据。 效果图如下: 核心代码 <div style={boxStyle}> <div style={titleStyle}>录像保存天数</div> <div id="scrollableDiv" style={{ height: 480, overflow: "aut 阅读全文
posted @ 2022-05-31 16:58 Freakzzz 阅读(878) 评论(0) 推荐(0) 编辑
摘要:antd CheckBox实现全选、多选 效果演示: 说明 antd 组件库中的CheckBox有全选的效果可配置,但是当checkbox.group的item是遍历出来时,就不能直接实现全选效果 实现思路 配合状态管理StateManage的使用,实时改变dataSource。此处卡片中使用的是单 阅读全文
posted @ 2022-05-19 23:42 Freakzzz 阅读(5022) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示