前端
wscwj8
这个作者很懒,什么都没留下…
展开
-
react 页面加入水印
关键cssnone 值能阻止点击、状态变化和鼠标指针变化 pointer-events: none;关键代码引入水印组件为:g-mask,npm 自搜,text为数组时,水印的字体会换行当然重要的还是想法,里面放什么组件或图片不重要下边做法的好处是,可以放置页面顶层,防止div层级过多被遮住的问题,如果想让水印居底,将内容置于Mask中HTML:<body> <div>网页内容</div> <div class='water-mask'原创 2021-03-25 14:55:56 · 923 阅读 · 0 评论 -
echarts 地图自定义图标Symbol 及其颜色
官方文档可以通过 ‘path://’ 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式,不用担心因为缩放而产生锯齿或模糊,而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 SVG PathData。可以从 Adobe Illustrator 等工具编辑导出。例如:'path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z原创 2020-05-19 11:08:37 · 19601 阅读 · 5 评论 -
antd上传upload组件customRequest 图片转base64
工作有那么个需求,从官网 issue中获悉:使用 Upload 的 customRequest 用 FileReader 读取。customRequest从官网获悉其参数:onProgress: (event: { percent: number }): voidonError: (event: Error, body?: Object): voidonSuccess: (body...原创 2020-04-22 20:18:59 · 6498 阅读 · 0 评论 -
gg-editor flow流程图使用
如果你使用的是antd design pro这里是示范的是Flow,其他也差不多的。升级umi后,我们会发现启动完项目后,右下方多了个饭团标志。点击它,再点击资产,模块,在下方找到图形编辑 - 流程编辑器,添加到项目即可如果不是进入https://github.com/alibaba/GGEditor/blob/master/demo/src/Flow/index.js把引入的组件全...原创 2019-12-25 18:25:00 · 3971 阅读 · 5 评论 -
react input 禁止粘贴
<input onPaste={(e) => e.preventDefault()} />原创 2019-11-05 17:08:00 · 1633 阅读 · 0 评论 -
echarts地图随机点生成
例:其他代码我就不放了,一是在市上随机点,二是镇的随机点,这注意先setOption生成地图后,再去改data再setOption市散点:var data = [];var randomCount = 100;var geo = myChart.getModel().getComponent('geo').coordinateSystem;var region = geo.getRe...原创 2019-06-05 15:53:29 · 2578 阅读 · 3 评论 -
antd pro离线引入iconfront图标
选择iconfront图标 - 添加入库添加至项目,没有就随便新建一个上面图标管理 - 我的项目切换到 Symbol, 并点击红字生成代码把生成的代码链接打开,复制代码在antd pro的public目录新建 iconfont.js把代码粘贴进去生成:const IconFont = Icon.createFromIconfontCN({ scriptUrl: '/iconfont...原创 2019-06-05 16:13:25 · 1418 阅读 · 1 评论 -
antd tab右键菜单renderTabBar
最近在写tab的时候,要加上右键菜单,baidu和google似乎搜不到满意的结果。然后在antd的issue找,有个例子:const menu = ( <Menu> <Menu.Item key="1">1st menu item</Menu.Item> <Menu.Item key="2">2nd menu item<...原创 2019-09-04 11:07:14 · 11669 阅读 · 3 评论 -
React父子同级传值react.eval
父传子:就是props直接传了子传父:class Chil extentd Component { componentDidMount(){ this.props.getData('test'); }}class parent extentd Component { getData =(data)=>{ console.log(data) // log: test...原创 2019-10-11 10:19:22 · 875 阅读 · 0 评论