css - 如何在 ionic 4 中的 ion-menu 上应用 border-radius css 属性？

Question

我正在创建 Ionic 4 Angular 应用程序，在应用程序中我使用 ion-menu 来显示菜单项。如何在 ion-menu 上应用 border-top-right-radius 和 border-bottom-right-radius css 属性？下图显示了我想要的。 Here is ion-menu documentation link.

Answer 1

你认为这实现了你想要的:

全局.scss

ion-menu{
    --ion-toolbar-background: grey;
    ion-list{
         border: 2px solid grey !important;
    padding: 10px !important;
    border-top-right-radius: 25px !important;
    border-bottom-right-radius: 25px !important;
    background: grey !important;


    }
    ion-item{
        --background: grey !important;
        --color: #fff;
    }
}