上一页 1 ··· 7 8 9 10 11 12 13 下一页
摘要: 需求: 列表可以分别展开自己的内容,互不影响,我选择了手搓…… 每一条的展开or关闭状态,与内容展示,存为一个对象,最后合为一个数组,存放在状态里 const [content, setContent] = useState([]); 数据请求拿到数据以后处理一下数据: const fetchRec 阅读全文
posted @ 2020-06-28 14:26 芝麻小仙女 阅读(698) 评论(0) 推荐(0)
摘要: 需求描述:返回四个时间,按照顺序展示,如果返回的时间相同,则在一个步骤点展示数据 拿到数据: 排序好的数据: 处理好的数据: 页面效果: 代码实现: const getList = () => { const newList = stepList.sort( (a, b) => Date.parse 阅读全文
posted @ 2020-06-19 11:03 芝麻小仙女 阅读(1089) 评论(0) 推荐(0)
摘要: 需求效果功能如图: 代码: const [relateList, setRelateList] = useState(getPath(initInfo, 'relateLinkList', [] || [])); 这个是因为此页面还实现了编辑功能,需要渲染初始数据,此时需要监听一个已有的列表,进行删 阅读全文
posted @ 2020-06-19 10:48 芝麻小仙女 阅读(17413) 评论(0) 推荐(0)
摘要: <Form.Item label="开始时间"> {getFieldDecorator('planStartTime', { rules: [ { validator(_, value, callback) { if (value && form.getFieldValue('planEndTime 阅读全文
posted @ 2020-06-19 10:28 芝麻小仙女 阅读(1997) 评论(0) 推荐(0)
摘要: 添加showArrow属性(无语) 阅读全文
posted @ 2020-06-15 17:17 芝麻小仙女 阅读(2685) 评论(0) 推荐(0)
摘要: 阅读全文
posted @ 2020-05-26 16:51 芝麻小仙女 阅读(190) 评论(0) 推荐(0)
摘要: 单行省略: 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)
摘要: app.js 在app.js中传递scrollTop给组件,用来计算动画触发时的高度 随便一个组件的代码: ps: forwards:当动画完成后,保持最后一个属性值(在最后一个关键帧中定义)。 from 大佬 阅读全文
posted @ 2019-09-20 10:52 芝麻小仙女 阅读(605) 评论(0) 推荐(0)
摘要: 一、使用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)
摘要: 本功能是实现两个下拉选择框依次在页面滚动到指定位置时由下往上入场。 利用了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 下一页