如何在ionic 4中更改离子侧菜单中的背景颜色

Question

我有一个带有 side-menu 结构的 Ionic-v4-app：

<ion-app>
        <ion-split-pane>
            <ion-menu> 
                <ion-header>
                    <ion-toolbar>
                        <ion-item>
                            <ion-item class="item item-block item-md">
                                <ion-thumbnail slot="start">


    <img *ngIf="userProfile?.ProfileInformation" class="profileImg" style="height: auto;" [src]="userProfile.ProfileInformation.doctorProfile" />

                                </ion-thumbnail><br><br>
                                <div class="ion-text-capitalize" style="text-transform: capitalize;">
                                    {{ userProfile?.ProfileInformation?.doctorName }}
                                </div>
                            </ion-item>
                        </ion-item>
                    </ion-toolbar>
                </ion-header>
                    <ion-content>
                        <ion-list>
                            <ion-menu-toggle auto-hide="false" *ngFor="let p of pages">
                                        <ion-item [routerLink]="[p.url]" routerDirection="root">
                                            <ion-icon item-left [name]="p.icon" style="zoom: 1;"></ion-icon>
                                            <ion-label style="margin: 12px;">
                                                {{ p.title }}
                                            </ion-label>
                                        </ion-item>
                            </ion-menu-toggle>
                        </ion-list>
                    </ion-content>
            </ion-menu>
        <ion-router-outlet main></ion-router-outlet>
        </ion-split-pane>
    </ion-app>

现在我想要整个背景 side-menu

我尝试了 ion-menu 的背景颜色和 header 的透明背景以及内容，但还是不行。

Answer 1

看到这个 。我将它添加到我的菜单页面自定义 scss 中，它对我有用。