如何自定义 Ionic 5 应用程序的背景图片?
How to customize the background image of an Ionic 5 app?
我正在尝试使用 Ionic 5 在我的 Ionic 应用程序中设置从媒体管理器中获取的图像...但图像不显示。我在 SCSS 部分使用以下代码:
ion-content
{
--background: no-repeat center/cover url('/files/images/background.png');
}
my implementation
请帮忙。
您的 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 在我的 Ionic 应用程序中设置从媒体管理器中获取的图像...但图像不显示。我在 SCSS 部分使用以下代码:
ion-content
{
--background: no-repeat center/cover url('/files/images/background.png');
}
my implementation
请帮忙。
您的 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"
。