[youzan/vant-weapp][Bug Report] Grid 设置 icon-size 高度问题

2024-07-19 849 views
0
重现链接 Vant Weapp 版本

1.10.19

描述一下你遇到的问题。

van-grid-item 中 icon 使用图片链接, 在 设置 icon-size="100rpx" 的情况下,class="van-icon van-icon--image" 渲染结果为 100rpx , 但它的上级节点 class="van-grid-itemicon" 的高度确还是使用的 var(--grid-item-icon-size,26px) 高度,导致 van-grid-itemtext 的样式错位

重现步骤

image image

设备/浏览器

No response

回答

6

看到了,这个应该是icon有固定高度导致。你如果希望修改这个图片的尺寸的话,是否可以通过插槽的方式引入这个图片,然后调整一些样式?

5

目前是通过插槽的方式重写的样式,但这应该算是组件的一个bug吧,还是希望能优化下

8

van-grid-item__icon 应该是为了统一尺寸而使用的,不能去掉。同时有预留slot给开发者自定义,这个应该不算故障。