
react
钟其源
前端小白
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
antd mobile的抽屉效果的实现,坑多
最近用react和antd mobile写一个h5,有个主菜单的,边上有三条横杆,点击弹出主菜单,效果大概是这样。这个是我实现后的效果,边上的三条杠也是自己写的,css写的,网上很多,这个不多说了,直接说抽屉功能,官网地址就一个demo,点这个地址,先引进来,import { Drawer } from 'antd-mobile'; // html<Drawe...原创 2020-03-25 20:53:54 · 3061 阅读 · 0 评论 -
react中使用antd的upload组件,一个大坑比
先来看下大概实现的样子,1、用本地的统一的缩列图2、显示文件名字和大小3、上传正常,编辑回显正常我看了下官网,确实是可以实现,大小和名字可以传个节点给到name这个属性,缩列图可以require个本地图片进去,然后上传好把他放在redux上绑定,但是会遇到好几个问题1、每次上传好的数据发给后台东西一个fileList里面太多,只能把关键的字段塞进去2、文件服务器失败的...原创 2019-11-19 11:03:07 · 6762 阅读 · 3 评论 -
react的antd的upload组件上传限制图片尺寸和视频宽高,大坑比
最近用antd写后台管理系统,首次接触antd,刚开始蛮顺利的,到后面坑越来越多,基本解决了,后续我会继续和大家分享我遇到的坑,现在先来搞一搞这个Upload组件,这个 组件上传的一些限制在beforeUpload这个方法里面调用,然后我直接写两个方法://checkImageWH 返回一个promise 检测通过返回resolve 失败返回reject阻止图片上传export fu...原创 2019-08-25 09:24:15 · 10288 阅读 · 6 评论 -
react里面如何判断鼠标滚动方向!!!
产品他们有个需求就是,在页面上往下滚动的时候隐藏头部的导航栏,鼠标向上就显示该导航栏,这里有两个点要注意,第一是滚动的是哪个容器,react怎么监听滚动事件,其实也不难,需要慢慢调试。上代码:componentDidMount() { var isFirefox = navigator.userAgent.indexOf('Firefox') !== -1 //Firefox...原创 2019-09-13 09:11:04 · 2031 阅读 · 0 评论