您好,我已经到处研究并查看了 XCode,但还没有弄明白。我想为我的 iOS 应用程序创建 venmo 风格的圆 Angular ,但 iOS 似乎不遵守我为它设置的 sass 规则。
侧面菜单样式由 div 类控制 <div class='menu-inner'>...</div>
这是从 <ion-menu>
生成的标签。
我的 sass 规则在浏览器上运行良好,但我惊讶地发现它在 native 生产中不起作用,特别是在 iOS 上。这是我的 sass 规则。
.menu-inner {
border-radius: 0 1.7rem 1.7rem 0!important;
}
这会在浏览器中产生所需的结果。 In chrome inspector
但是,在 XCode iOS 12.1 中,iPhone X 会产生尖 Angular 边缘。 iPhone X emulator
如何使用 ionic 3 在 native 应用程序中制作圆 Angular 。
最佳答案
你可以用阴影部分来做。 在组件的 CSS 文件中,您可以像这样指定它:
ion-menu::part(container) {
border-radius: 25px;
}
阅读更多关于 ShadowParts 的信息
关于html - 如何使用 native 中的 ionic 菜单为 ionic 中的侧边菜单制作圆 Angular ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53217973/