我的菜单菜单有问题,我到处都看过,但是什么也没用。我正在尝试添加页边空白,但从未支持此页边空白。
navbar-no-mobile.component.html
<div class="pull-right">
<button class="btn-language" mat-icon-button [matMenuTriggerFor]="menu">
<mat-icon [ngClass]="{'flag-francais': isFrench, 'flag-english': !isFrench}"></mat-icon>
<a lang="{{language}}">{{language}}
<fa-icon class="chevron_white" aria-hidden="true" [icon]="faChevronDown"></fa-icon>
</a>
</button>
<mat-menu class="flag-menu" #menu="matMenu">
<button mat-menu-item (click)="switchToEnglish()">
<mat-icon class="flag-english"></mat-icon>
<span lang="english">English</span>
</button>
<button mat-menu-item (click)="switchToFrench()">
<mat-icon class="flag-francais"></mat-icon>
<span lang="français">Français</span>
</button>
</mat-menu>
</div>
navbar-no-mobile.component.scss
/deep/ .cdk-overlay-container .flag-menu {
margin-top: 4em;
}
我也尝试过将css放在整体css(styles.scss
)中,并.flag-menu
用.cdk-overlay-container
或使用::ng-deep
代替,/deep/
但它也不起作用。
这项工作对我来说:
::ng-deep .cdk-overlay-container .flag-menu {
margin-top: 3rem;
}
检查stackblitz:https ://stackblitz.com/edit/mat-menu-xruuog
如果对您不起作用,请为您的代码创建stackblitz。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句