会员
周边
众包
新闻
博问
闪存
赞助商
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
芝麻小仙女
博客园
首页
新随笔
联系
管理
订阅
07 2020 档案
用storybook开发一个自己的图标库继续【可复制图标代码,可搜索,可切换图标类型】
摘要:效果: 需求:显示所有的图标(现在是我写的mock数据),可以切换图标类型,可以进行关键词搜索 代码: import React from 'react'; import copy from 'copy-to-clipboard'; import SvgOaIconAddressDefault fr
阅读全文
posted @
2020-07-24 18:05
芝麻小仙女
阅读(491)
评论(0)
推荐(0)
编辑
当你的storybook组件库要统一把svg图标转为js组件【使用svgr最简单的实现】
摘要:先把图标同意放置在文件夹中,以icons为例安装svgr/cli: yarn add @svgr/cli --dev如果报错,就先装svgr/webpack:yarn add @svgr/webpack --dev然后跑: # Usage: npx @svgr/cli [-d out-dir] [s
阅读全文
posted @
2020-07-23 17:17
芝麻小仙女
阅读(1442)
评论(0)
推荐(0)
编辑
react+antd+select+lodash模糊搜索防抖
摘要:import { debounce } from 'lodash'; <Form.Item label="前置任务" vvspan={24} labelCol={{ md: 3 }} wrapperCol={{ md: 21 }}> {getFieldDecorator('frontTaskId',
阅读全文
posted @
2020-07-15 16:14
芝麻小仙女
阅读(2419)
评论(3)
推荐(1)
编辑
react+andt+Steps 步骤条改造【计划开始时间/计划截止时间/实际开始时间/实际结束时间】
摘要:【收集一下大佬的代码,膜拜大神】 需求: 实现代码: import React from 'react'; import { Steps, Icon } from 'antd'; import moment from 'moment'; import cn from 'classnames'; im
阅读全文
posted @
2020-07-08 16:42
芝麻小仙女
阅读(1028)
评论(0)
推荐(0)
编辑
天,小时,分钟的时间转换
摘要:// 时间换算-x天x小时x分钟 export function TimeFormat(value, hours = 8) { if (!value) { return '0天0小时0分钟'; } const day = parseInt(value / 60 / hours, 10); const
阅读全文
posted @
2020-07-07 15:39
芝麻小仙女
阅读(1008)
评论(0)
推荐(0)
编辑
antd+table--->当你的表格数据需要改为树形展示
摘要:效果: 话不多说,直接上代码: 【不知道从哪搜罗来的改了改】 // 处理数据 const getData = list => { // 删除所有children list.forEach(item => { delete item.children; }); // 将数据存储为 以 id 为 KEY
阅读全文
posted @
2020-07-01 16:37
芝麻小仙女
阅读(3900)
评论(0)
推荐(0)
编辑
公告
点击右上角即可分享