vant图片组建插槽default自定义图片下方内容不生效

Question

<van-image src=''>
<div class="name-sty">图片名称</div>
</van-image>

这样写完之后样式没有生效
如果加上radius属性之后底部文字又不显示了

Answer 1

vant组件加插槽只有两种写法 一种如下，另一种slot="loading"

建议你试试下面写法

 <div class="box">
      <div class="pic"> <vant-image src="" /></div>
      <div>图片名称</div>
    </div>

.box{
        display: flex;
        flex-direction: column;
        align-items: center;
      }