[youzan/vant-weapp][Bug Report] Steps 竖向步骤条 连线会显示在icon上方

2024-08-20 497 views
8
重现链接
<van-steps
  steps="{{ steps }}"
  active="{{ active }}"
  direction="vertical"
  active-color="{{activeColor}}"
  inactive-icon="clock"
/>
Vant Weapp 版本

1.10.15

描述一下你遇到的问题。

竖向步骤条 连线会显示在icon上方 image

重现步骤

使用van-steps组件设置inactive-icon属性为clock

设备/浏览器

macOS微信开发者工具、 Android 9 微信版本8.0.34

回答

6

可以给icon加一个 background-color: white 的属性临时解决一下这个问题

7

可以到 miniprogram_npm\@vant\weapp\steps\index.wxss 这个文件中,添加下面这几行 css代码临时解决一下

.van-step__icon {
    background-color: white;
}

不太建议直接修改 van-icon 的样式代码,van-icon用到的地方有点多

0

OK,显示正常了。请问什么时候会发布新版本呢?

5

最近在准备找实习,有点忙?,这个问题修复之后我还要测试一下,其实这个问题修复起来应该不复杂,大概1周内我提个pr吧。

3

v1.10.18 已修复