ionic-framework - 将 替换为 并且图像非常小

Question

我遵循了 virtual scroll 的指导并将我的列表更新为虚拟列表。

一切都很好，但是当我转换 card background images来自 <img>至 <ion-img>在我的卡片中显示为背景图片的图片非常小。有什么我想念的吗？

Answer 1

检查 Image dimensions section在 ion-img 文档中。

By providing image dimensions up front, Ionic is able to accurately size up the image's location within the viewport, which helps lazy load only images which are viewable. Image dimensions can either by set as properties, inline styles, or external stylesheets. It doesn't matter which method of setting dimensions is used, but it's important that somehow each ion-img has been given an exact size.

如果您使用 ion-img，则需要通过属性或 css 样式设置要显示的图像的高度和宽度。