как изменить цвет фона в боковом меню ion в ionic 4 - PullRequest
Новая
       43

как изменить цвет фона в боковом меню ion в ionic 4

0 голосов
/ 12 марта 2019

У меня есть приложение Ionic-v4 с боковым меню, структурированным так: 

<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>

Теперь я хочу иметь фон для всего бокового меню

Я попробовалцвет фона для ion-меню и прозрачный фон для заголовка и содержимого, но также не работает.

1 Ответ

0 голосов
/ 12 марта 2019

см. ответ .Я добавил это на свою страницу меню custom scss, и это сработало для меня.

...