gpt4 book ai didi

css - Ionic 3 - ionic 滑动内联 CSS

转载 作者:太空狗 更新时间:2023-10-29 17:51:47 26 4
gpt4 key购买 nike

我在主页上有 Ionic3 App 和 ion-slides 组件。

<ion-slides pager>
<ion-slide *ngFor="let blog of blogs | async" >
<h2>{{ blog.title }}</h2>
<p>
<a target="_blank" class="slider-read-more" ion-button outline color="secondary" (click)="blogDetail(blog)">ვრცლად</a>
</p>
</ion-slide>
</ion-slides>

我想使用样式添加内联 css 背景图片

<ion-slide *ngFor="let blog of blogs | async" style="background:url(blog.image) no-repeat center center fixed;">

但是里面不能传blog.image。如何做到这一点?

最佳答案

您可以尝试如下所示:

即使用 backgroundImage 作为属性绑定(bind):

 <ion-slide [style.backgroundImage]="'url(' + blog.image + ')'"> ...

关于css - Ionic 3 - ionic 滑动内联 CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46424608/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com