- 博客(10)
- 收藏
- 关注
原创 antV/G2图表的矩形销售漏斗
是因为设置最小高度后,中心点不会自动转移到柱状图的中间(这就是最烦的地方),还是在最左边,所以需要给它设置内边距增加右边的宽度,但是这样又会使得图表右边又超出去了,这时候就又得给整个图表设置右方内边距,但是因为图表大小是固定的,所以就会挤压图表内容,这时候,又会居中了。咱也不知道产品哪看的一个矩形阶梯的销售漏斗,Echarts试了半天实在做不出来,只好另辟蹊径,偶然看到G2可以做,试着做了下,emmm 学习成本比Echarts大,而且开发文档写的不太好理解...只好硬着头皮上了。,因为是柱状图转过来的。
2025-03-06 15:03:42
173
原创 移动端echarts/G2图表点击事件导致antdv的drawer自动关闭
经过观察,是由于手指按下和抬起都被算作了点击事件,按下一次会触发两次点击事件,第二次直接点到了mask遮罩层上了。但是G2图表的暂时没有找到类似方法,只可以通过延时(setTimeout)执行来解决(权宜之计,不太靠谱)找了一辈子,总算是找到了,echarts的加上 params.event.stop() 就可以解决。只有drawer没有经过手指按下位置时才会导致异常关闭。准备一个空白项目,只有antdv、echarts。点击某一项后drawer就异常关闭了。试了下,200ms左右差不多。
2025-02-28 16:32:20
162
原创 如何快速在vue3使用antdv创建自定义图标
如果是在vue3,那么非常简单,不需要什么icon-font啥的,只需要有svg代码就可以不需要下载 loader 什么的,附上package.json图:2.再在需要的页面使用就可以,如下:然后就可以看到效果了
2025-02-25 14:31:12
128
原创 如何快速部署一个免费的个人博客
等待几分钟即可访问 `https://<username>.github.io/<repository>`2. 已创建 GitHub 仓库(仓库需命名为 `<username>.github.io` 或项目仓库)**注意**:如果仓库名为 `username.github.io`,`base` 应设置为 `'/'`- 在 `docs/.vuepress/public` 中添加 `CNAME` 文件。- 检查 `config.js` 中的 `base` 配置。3. 修改 `config.js`
2025-02-21 09:34:15
181
原创 antdv的Image组件复用导致无法正确显示
翻页时出现不管怎么翻页,其他文字部分内容可以正常显示,图片有的会更新,有的一直都不会更新。ImageBtn为自定义组件,内部是antdv的Image组件。数据全量返回到前端,所有逻辑由前端处理(为了减少服务器负担)给组件加个唯一值标识Key。
2025-02-17 14:40:39
201
原创 前端常用css布局
内容不足一屏时,页脚固定在底部;:现代网页的复杂布局需求(如卡片流、不规则排列)。:定义全局样式变量(如主题色),提升代码可维护性。:处理外边距塌陷、清除浮动、阻止元素被浮动覆盖。:适合一维布局(行或列),灵活控制子项对齐方式。:三栏布局,中间自适应宽度,两侧固定宽度。:适配不同屏幕尺寸(如手机、平板、桌面)。:两栏或三栏布局(如侧边栏+主内容)。避开两侧固定栏,避免内容遮挡。:适合二维布局(行+列),支持。:在中间栏外层添加容器,通过。:侧边栏浮动,主内容通过。,侧边栏固定宽度,主内容。
2025-02-17 11:05:37
466
原创 CSS关键帧动画实用小技巧
动画可以为网页增添互动性和吸引力,但如何高效管理动画效果并保持代码简洁?本文介绍一种基于@keyframes的动画系统,支持淡入、弹出、延迟等效果,适用于元素入场动画。
2025-02-14 09:08:06
183
原创 如何稳定打开github
然后找到hosts文件,一般在 C:\Windows\System32\drivers\etc路径下。首先得根据github的域名找到ip地址。直接选下面这两个任意一个。把上面这个加进去就可以了。然后就会发现顺利打开了~输入域名直接点击查询。
2025-02-10 13:45:29
344
原创 nodejs+阿里云实现发送短信验证码
accessKeyId和accessKeySecret在这里↓。打开阿里云短信服务控制台。关键信息建议放环境变量中。
2024-08-12 10:22:23
889
空空如也
antdv的table表头不能自适应宽度
2023-09-18
TA创建的收藏夹 TA关注的收藏夹
TA关注的人