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

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

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

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

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

这段代码如何设置图片的大小view class=courses-message van-card thumb=coursessmallPic view slot=title class=courses-title coursestitle view v

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

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