会员
众包
新闻
博问
闪存
赞助商
HarmonyOS
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
芝麻小仙女
博客园
首页
新随笔
联系
管理
订阅
上一页
1
···
7
8
9
10
11
12
13
下一页
2020年6月28日
react+antd实现列表互不影响的展开每条内容
摘要: 需求: 列表可以分别展开自己的内容,互不影响,我选择了手搓…… 每一条的展开or关闭状态,与内容展示,存为一个对象,最后合为一个数组,存放在状态里 const [content, setContent] = useState([]); 数据请求拿到数据以后处理一下数据: const fetchRec
阅读全文
posted @ 2020-06-28 14:26 芝麻小仙女
阅读(698)
评论(0)
推荐(0)
2020年6月19日
react+antd 步骤条改为时间顺序条
摘要: 需求描述:返回四个时间,按照顺序展示,如果返回的时间相同,则在一个步骤点展示数据 拿到数据: 排序好的数据: 处理好的数据: 页面效果: 代码实现: const getList = () => { const newList = stepList.sort( (a, b) => Date.parse
阅读全文
posted @ 2020-06-19 11:03 芝麻小仙女
阅读(1089)
评论(0)
推荐(0)
react+antd form表单项动态添加数据的实现
摘要: 需求效果功能如图: 代码: const [relateList, setRelateList] = useState(getPath(initInfo, 'relateLinkList', [] || [])); 这个是因为此页面还实现了编辑功能,需要渲染初始数据,此时需要监听一个已有的列表,进行删
阅读全文
posted @ 2020-06-19 10:48 芝麻小仙女
阅读(17413)
评论(0)
推荐(0)
react+antd 开始时间与截止时间的验证
摘要: <Form.Item label="开始时间"> {getFieldDecorator('planStartTime', { rules: [ { validator(_, value, callback) { if (value && form.getFieldValue('planEndTime
阅读全文
posted @ 2020-06-19 10:28 芝麻小仙女
阅读(1997)
评论(0)
推荐(0)
2020年6月15日
如何解决antd Select的suffixIcon不生效
摘要: 添加showArrow属性(无语)
阅读全文
posted @ 2020-06-15 17:17 芝麻小仙女
阅读(2685)
评论(0)
推荐(0)
2020年5月26日
关于登录验证的实现脑图【验证码+登录身份过期验证】
摘要:
阅读全文
posted @ 2020-05-26 16:51 芝麻小仙女
阅读(190)
评论(0)
推荐(0)
2019年12月25日
记一下永远背不下来的单行省略和多行省略代码
摘要: 单行省略: white-space : nowrap; overflow : hidden; text-overflow: ellipsis; 多行省略: overflow: hidden; max-height: 44px; text-overflow: ellipsis; -webkit-box
阅读全文
posted @ 2019-12-25 19:53 芝麻小仙女
阅读(206)
评论(0)
推荐(0)
2019年9月20日
React实现块依次从下到上进入的动画
摘要: app.js 在app.js中传递scrollTop给组件,用来计算动画触发时的高度 随便一个组件的代码: ps: forwards:当动画完成后,保持最后一个属性值(在最后一个关键帧中定义)。 from 大佬
阅读全文
posted @ 2019-09-20 10:52 芝麻小仙女
阅读(605)
评论(0)
推荐(0)
2019年9月19日
React-使用react-move实现从下到上进入的动画 +使用react-intl实现国际化
摘要: 一、使用react-move实现从下到上进入的动画 4.插件2019-09-19官网 https://www.npmjs.com/package/react-move 二、国际化 1.安装依赖 npm的话命令是:npm install react-intl --save yarn的话命令是:yarn
阅读全文
posted @ 2019-09-19 14:27 芝麻小仙女
阅读(857)
评论(0)
推荐(0)
2019年9月18日
React-基于react-transition-group 实现从下到上进入的入场动画
摘要: 本功能是实现两个下拉选择框依次在页面滚动到指定位置时由下往上入场。 利用了CSSTransition实现。 react-transition-group官网:http://reactcommunity.org/react-transition-group/css-transition 页面代码: s
阅读全文
posted @ 2019-09-18 15:54 芝麻小仙女
阅读(1633)
评论(0)
推荐(0)
上一页
1
···
7
8
9
10
11
12
13
下一页
公告