# Images(图像)

v-img组件包含支持富媒体的功能。 结合 vuetify-loader, 你可以添加动态的渐进图像来提供更好的用户体验。

# 使用

v-img组件用于显示具有延迟加载和占位符的响应图像。

# API

# 注意

# 示例

# 属性

# 宽高比

如果你想改变图像的长宽比,你可以设置一个固定的宽高比。

# 包含

If the provided aspect ratio doesn’t match that of the actual image, the default behavior is to fill as much space as possible, clipping the sides of the image. Enabling the contain prop will prevent this, but will result in empty space at the sides.

# 渐变

The gradient prop can be used to apply a simple gradient overlay to the image. More complex gradients should be written as a class on the content slot instead.

# 高度

v-img will automatically grow to the size of its src, preserving the correct aspect ratio. You can limit this with the height and max-height props.

# 插槽

# 占位符

v-img 有一个特别的 placeholder 插槽,在图像加载时占位显示。 注意:下面的例子有一个错误的 src,因此图片不会加载,以方便你观察占位符。

# 其他

# 栅格

You can use v-img to make, for example, a picture gallery.

了解更多?

继续学习由 我们的团队 选择的相关内容,或通过使用下面的导航链接在页面之间跳转。
GitHub 上编辑此页面
最后更新:01/19/2022, 3:41:30 PM