首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何在引导VUE卡中使用<b-img-lazy>

如何在引导VUE卡中使用<b-img-lazy>
EN

Stack Overflow用户
提问于 2019-02-07 11:45:53
回答 1查看 1.8K关注 0票数 2
<b-card overlay
  :title="name"
  :sub-title="subtitle"
  :img-src="cardImg"
  img-top
  style="max-width: 20rem;"
  class="mb-2 insider-image"
  ref="card">
</b-card>

我目前正在渲染一个巨大的图像文件到我的卡的背景中。如何使用b-img-lazy内置卡?

EN

回答 1

Stack Overflow用户

发布于 2019-05-14 07:55:30

使用新的b-card-img-lazy子组件。您仍然需要手动将子组件放置在<b-card no-body>中,并选择构建<b-card-body>所需的任何附加子组件(例如,cafrd等)。

请参考b-card文档页面的“厨房水槽”示例。它显示了放置一个常规的<b-card-img>子组件,它可以更改为一个<b-card-img-lazy>子组件。

票数 4
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/54566000

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档