路线更改时不显示背景图片

Question

我注意到我的离子应用程序中有些奇怪的东西，却找不到解决方案。

这是我的CSS：

ion-content {
  margin-top: 50px;
  --background: url(/assets/img/banners/bus.jpg) fixed 0 0/cover !important;
  background: url(/assets/img/banners/bus.jpg) fixed 0 0/cover !important;
  min-height: 800px;
}

这是我的jsx：

render() {
    return [
        <ion-content>
            <ion-grid>
                <ion-row>
                    <ion-col class="text">
                        <ion-text color="light">
                            <h1 class="font-light animated slideInLeft">
                                BUS <strong class="font-black">SCHEDULES</strong>
                                <br /><small><ion-text id="company"></ion-text> • <ion-text id="route"></ion-text> • <ion-text id="date"></ion-text></small>
                            </h1>
                        </ion-text>
                    </ion-col>
                </ion-row>
                <ion-row class="schedules">

                </ion-row>
            </ion-grid>
        </ion-content>
    ]
}

当我导航到此页面时，背景图片不会加载：

但是，当我刷新页面时，图像会加载。 因此请注意，当我导航至应用程序中的页面时，背景图片不会显示，但是刷新页面时会显示背景图片。

我没有使用角度框架或其他框架。