背景上的离子多重和动态图像

Question

我一直在尝试添加多张图片，已经 post 一个问题，但问题不同，但终点相同。

<ion-content [style.background-image]="'url(https://restcountries.eu/data/ala.svg)', 'url(https://restcountries.eu/data/ala.svg)'"
             [style.background-size]="'100% 50%, 100% 50%'" 
             [style.background-repeat]="'no-repeat, repeat'">

对于多张图片它没有显示但是对于一张图片它按预期显示

<ion-content [style.background-image]="'url('+ fromFlag +')'"
             [style.background-size]="'100% 50%, 100% 50%'" 
             [style.background-repeat]="'no-repeat, repeat'">

谁能帮我如何在背景上添加第二张图片？

Answer 1

您可以使用此解决方案在背景上动态添加多个图像。

[ngStyle]="{'background-image': 'url(' + fromFlag + '),url(' + fromFlag + ')'}"

<ion-content 
    [ngStyle]="{'background-image': 'url(' + fromFlag + '),url(' + fromFlag + ')'}"
    [style.background-size]="'100% 50%, 100% 50%'" 
    [style.background-repeat]="'no-repeat, repeat'"
>

背景上的离子多重和动态图像

Ionic Multiple and dynamic images on background

sass

ionic-framework

angular

ionic4