[youzan/vant-weapp][Bug Report] 给van-collapse-item设定background-image无效

2024-07-19 667 views
8
重现链接
<van-collapse value="{{activeNames}}" bind:change="onChange">
<van-collapse-item wx:for="{{displayInfo}}" class="raid-info-item" style="background-image: url('/path/to/image');">
<!--display some detailed info here-->
  </van-collapse-item>
</van-collapse>
Vant Weapp 版本

1.10.18

描述一下你遇到的问题。

给van-collapse-item设定background-image无效,无法显示出背景图片。也许我不该提一个bug的issue,但是我找了很久还是没找到给van-collapse的列表项设置背景图片的方法,希望能获得一些帮助,感谢!

回答

5

image image

尝试使用content-class

6

感谢解答。用您的方式确实可以实现,我试了一下对于van-collapse-item__title也可以,但是我想要是van-collapse-item这个类设置bg image,比如图上包含“标题1”的那一整条,但我试了一下用这种方式还是不行。

6

image

image

看了下源码 你可以传一个title-class 但是整行不能覆盖 他是van-cell 组件 可能需要再定义自定义样式类

2

感谢!我之前也试过给van-cell设置背景图片,也是不太成功;现在只好还是用原生的view组件来搞了