可以通过在 <van-card> 标签中添加属性来设置图片大小,如下所示:

<van-card
  thumb='{{courses.smallPic}}'
  thumb-mode='aspectFill'
  thumb-size='200px'
>

其中,thumb-mode 属性用于设置图片的裁剪模式,可选值包括:

  • 'scaleToFill':缩放图片以填充容器,不保持纵横比
  • 'aspectFit':缩放图片以适应容器,保持纵横比
  • 'aspectFill':缩放图片以填充容器,保持纵横比

thumb-size 属性用于设置图片的尺寸,可以使用像素值或百分比,如 '200px''50%' 等。

如何设置 Vue 中 van-card 图片大小

原文地址: https://www.cveoy.top/t/topic/n2PP 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录