如何自定义 Ionic 5 应用程序的背景图片？

Question

我正在尝试使用 Ionic 5 在我的 Ionic 应用程序中设置从媒体管理器中获取的图像...但图像不显示。我在 SCSS 部分使用以下代码：

ion-content

{
--background: no-repeat center/cover url('/files/images/background.png');
}

my implementation

请帮忙。

Answer 1

您的 SCSS 代码存在一些问题。所以你的代码应该是这样的：

ion-content{
    --background: 
url('../assets/images/a_2020_in_front_of_the_orchestra.jpg') no-repeat 
center/cover;
}

ion-content.ion-color-secondary{
        --ion-color-base: none !important;
}

请将 URL 更正为图像。
添加选择器 "ion-content.ion-color-secondary" 和属性 "--ion-color-base"。

如何自定义 Ionic 5 应用程序的背景图片？

How to customize the background image of an Ionic 5 app?

ionic-framework

ionic5

appery.io